僅當文本多於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或其他中，也許最簡單的方法實際上是將其與元素的高度相乘