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 在评论中指出的那样，您还可以将文本放置在父容器中，然后应用负下边距。