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

Question

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

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

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

Answer 1

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

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

jQuery库：

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

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

要直接获得行号，您需要将每行放入标签中，无论是p，span 也许最简单的方法实际上就是考虑元素的高度