html - CSS 用行高切割字符底部？

Question

我试图让一个文本字符接触它下面的蛀虫。

我没有边距，也没有填充，但有一个间隙，因为字体字符本身似乎在字符下方有空间。

我尝试减小行高，但这会切掉字符的顶部。我想改为剪掉字符的底部。这可能吗？

Answer 1

在打印世界中，基线以下的空间称为下降。不幸的是，您无法使用 CSS 来调整它。

你可以做的就是将你的字符串放在一个 div 中。在CSS中设置您想要的height，并设置overflow:hidden;

Demo here

<div class="cutter">
    This a test string
</div>

CSS:

.cutter {
    display:block;
    font-size:24px;
    height:20px;
    overflow:hidden;
}

结果:

正如 Dai 在评论中指出的那样，您还可以将文本放置在父容器中，然后应用负的下边距。