文字裁剪到中心

Question

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

它是为了什么？我正在使用Google材料图标字体。有些图标小于要求（例如arrow_drop_down非常小）。在我的情况下，它的最佳尺寸为1rem，但我的按钮（img2）的红色部分应该小得多。在img2上，红色部分应该小~3倍，只包含那个三角形。现在红色的高度=字体大小。

Answer 1

您可以通过调整line-height。

来完成您尝试做的事情

此外，实时示例总是比一堆图片更好，特别是因为这个示例很容易设置。