javascript - 如何使用 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 行字符串。

我想做这个输出：

"I am wearing a red shirt 

and I love to play darts."

第三行自动删除

标签： javascript

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 预处理文本和/或为要显示的每一行文本创建单独的元素。