javascript - 换行时如何跟踪行数？

Question

在 div 中使用非固定间距字体打印要输出的文本。这个 div 高度只允许打印 4 行文本。是否可以跟踪自动浏览器自动换行，以便在达到 4 行时在文本中找到位置并剪掉下一行？使用 Javascript 操作 DOM 或可能使用 PHP 帮助计算文本行长度的任何建议？

Answer 1

使用 overflow: hidden 怎么样？

假设您的 font-size 为 12px，line-height 为 16px。

4 lines * 16px = 64px

.hide-extra-lines {
    height: 64px;
    overflow: hidden;
}

这就是您想要的吗？