0

希望 Zoom = 100% 或者如果不是 Zoom = 90%，您可以运行以下代码段并在文本底部看到应该隐藏的第一行字母顶部的一小部分。在我的一台机器上，它以 100% 的缩放比例显示，另一台以 90% 的比例显示 - 而不是更大的缩放比例。我的机器分别是 Windows 10 家庭版和专业版。

.myclass{
font-family: sans-serif;
width: 10rem;
line-height: 1.1rem;
max-height: 5.5rem;
overflow: hidden;
}
<div class="myclass">Lorem ipsum dolor sit amet, primis putent atomorum eum ex. Mea ei vidit iriure tamquam, mea nostrud eleifend ei. His te verear timeam, id mel lucilius reprimique.
</div>

我该怎么做才能没有这个问题？我在 Chrome 和 Edge 中都观察到了这个问题（但 FoxFire 中没有），使用您在代码段中看到的代码。

4

1 回答 1

1

您可以尝试调整您的最大高度值，但会因为缩小得更远而遇到问题。你看过-webkit-line-clamp吗？如果您不必支持 IE，它会很好地工作：

.myclass {
  font-family: sans-serif;
  width: 10rem;
  line-height: 1.1rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}
<div class="myclass">Lorem ipsum dolor sit amet, primis putent atomorum eum ex. Mea ei vidit iriure tamquam, mea nostrud eleifend ei. His te verear timeam, id mel lucilius reprimique.
</div>

于 2021-02-21T03:06:26.593 回答