Css 使用-webkit线夹时，字母的下降部分会被裁剪掉，线高度会降低

我试图限制标题可以使用的行数

-webkit line clamp

。但是，由于标题的

行高也有所降低

因此，在底线上有降格的字母（“g”、“j”、“p”、“q”和“y”）会被裁剪掉。我怎样才能修复这个问题，使这些字母的后代不会被剪掉

p{
宽度：140px；
-webkit线夹：2个；
-网络工具包盒方向：垂直；
断字：断字；
显示：-网络工具包盒；
溢出：隐藏；
线高：1；
}
p、 小的{
宽度：100px；
字体大小：12px；
}
p、 大的{
字体大小：22px；
}

>此标题中的“g”在底部被截断
>本标题中的“g”在底部被截断
此标题中的“g”在底部被截断

我以前必须处理这种情况，我使用了一些技巧，在底部添加了与

字体大小相关的填充，这样它就不会显示下一行并保持文本的可读性

要解决此问题，请添加
填充底部：0.14em样式到
p
元素。我注意到0.12到0.15之间的值对于不同的字体系列效果最好


p{
宽度：140px；
-webkit线夹：2个；
-网络工具包盒方向：垂直；
断字：断字；
显示：-网络工具包盒；
溢出：隐藏；
线高：1；
垫底：0.14em；
}
p、 小的{
宽度：100px；
字体大小：12px；
}
p、 大的{
字体大小：22px；
}

>此标题中的“g”在底部被截断
>本标题中的“g”在底部被截断
>g'在本书中，标题底部被剪掉了
，为什么要限制行高，因为这就是问题所在？减少行高会使标题占用更少的空间，看起来更好。同样的原因，我首先使用线夹来限制行数。要避免这个问题，唯一的办法是线的高度为1或更大。这就是
线高度的要点
@Paulie\u D显然这不是真的。我已经编辑了这个代码段，行高
为
1
的下行程序仍然被切断。有趣的是，如果文本很小，则不会发生这种情况。更新显示，在使用引导时，包括在较小的文本大小时，问题会更严重。