CSS:with overflow:hidden和max height是行高的倍数；“隐藏的”；文本在Chrome和Edge中流入视图

如果Zoom=100%，或者Zoom=90%，您可以运行下面的代码段，看到文本底部是第一行字母顶部的一小部分，应该隐藏。在我的一台机器上，它显示为100%缩放，另一台显示为90%，而不是更大的缩放。我的机器分别是Windows 10 home和pro

.myclass{
字体系列：无衬线；
宽度：10雷姆；
线高：1.1rem；
最大高度：5.5雷姆；
溢出：隐藏；
}

Lorem ipsum door sit amet，primis putent atomorum eum ex.Mea ei vidit irium tamquam，Mea nostrud eleifend ei。他的名字叫梅尔·卢西柳斯·雷普米克。

您可以尝试调整“最大高度”值，但如果进一步缩小，则会遇到问题。您看过

-webkit线夹吗？如果您不必支持IE，那么它的效果相当好：


.myclass{
字体系列：无衬线；
宽度：10雷姆；
线高：1.1rem；
显示：-网络工具包盒；
-网络工具包盒方向：垂直；
-webkit线夹：5个；
溢出：隐藏；
}
Lorem ipsum door sit amet，primis putent atomorum eum ex.Mea ei vidit irium tamquam，Mea nostrud eleifend ei。他的名字叫梅尔·卢西柳斯·雷普米克。