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;
}

结果：

text cut at a random height

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

Answer 2

请检查此代码片段，这可能对您有所帮助！

div {
   display: -webkit-box;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis; 
}