如何使用 JAVASCRIPT 刪除文本行

Question

例子：

var name = "I am wearing a red shirt and I love to play darts. Thank you";

我的容器寬度約為 200 像素

那么字符串將是：

"I am wearing a red shirt 

and I love to play darts.

Thank you"

現在，我想從字符串的最后一行刪除文本，因為我希望它只顯示 2 行。 如果我的字符串到達第 3 行，我希望將其刪除。

我有 15px 的客戶端高度。 我只想允許 30px clientHeight 或 2 行字符串。

我想做這個 OUTPUT：

"I am wearing a red shirt 

and I love to play darts."

第三行自動刪除

Answer 1

這取決於你到底想怎么做。 如果您只想顯示兩行文本：

#text-container {
    width: 200px
    height: 3em; /* height = max-height = 2 * line-height */
    max-height: 3em;
    line-height: 1.5em;
    overflow-y: hidden;
}

如果你想讓它只顯示兩個句子，那就有點難了。 您需要預先使用 Javascript 預處理文本和/或為要顯示的每一行文本創建單獨的元素。