html - 文本裁剪到中心

Question

有什么方法可以只显示文本/符号的中间部分(img1 蓝线)。默认情况下，如果文本容器内没有足够的空间，那么文本只会从底部裁剪，我们只会看到文本的顶部。是的，我知道我可以设置负边距，但在这种情况下，我需要根据字体大小设置不同的值，但我想让它独立于字体大小。

它有什么用？我正在使用谷歌 Material 图标字体。有些图标比要求的要小(例如 arrow_drop_down 非常小)。在我的情况下，它的最佳尺寸是 1rem，但我的按钮 (img2) 的红色部分应该小得多。在 img2 上，红色部分应该小 ~3 倍并且只包含那个三 Angular 形。现在红色的高度 = 字体大小。

Answer 1

您可以通过调整 line-height 来完成您想要做的事情。

另外，活生生的例子总是比一堆图片好，特别是因为这个例子很容易设置。