仅当文本多于x行时显示文本

Question

我希望将一些文本输出到表格单元格。 如果此文本多于x行，则将其修剪并添加“查看更多”按钮。

到目前为止，一切都很好，问题是当我有y<x行文本时，“查看更多”按钮也在那里。

有没有一种方法可以检查文本是否多于x行？

Answer 1

您可以根据元素的高度获得行号，如果一行的高度为10px，则10行的高度为100px。Vanilla js：

let height = document.getElementById('IdElement').offsetHeight;

jQuery库：

let height = $('#IdElement').height();

使用此变量，您可以进行逻辑运算以找出行数

要直接获得行号，您需要将每行放入标签p ， span或其他中，也许最简单的方法实际上是将其与元素的高度相乘