php - 保留前两行文本，删除其他所有内容

Question

在 <div> 中我有一些文字。因为 div -width 文本以多行显示。例如。以下代码:

<div>text01 text02 text03 text04 text05 text06 text07 text08 text09 text10 text11 text12</div>

可能会显示在例如四行:

text01 text02 text03
text04 text05 text06
text07 text08 text09
text10 text11 text12

我希望只保留前两行，如果还有其他行，则必须将其删除并替换为文本行 ...作为一个新的(因此是第三个)文本行。
换句话说:我希望找到第二个换行符(如果存在)并将此点之后的所有文本替换为文本行 ... .

所以，如果我有两行文本，什么都没有改变:

text text text
text text text

但是如果我有超过两行，我会得到这个:

text01 text02 text03
text04 text05 text06
...

有什么好的建议吗？

Answer 1

您应该在 css 中执行此操作，并在必要时添加 javascript。

在css中你可以设置:

.two-line-div {
  max-height: 3em;    /* or whatever adds up to 2 times your line-height */
  overflow: hidden;
}

这会将盒子降低到所需的高度。

如果您总是想显示 ...(如果内容总是超过 2 行)，只需在 div 之后添加一个带有三个点的元素。

如果你想添加另一行 ... 如果内容比你显示的要大，你需要javascript来计算原始高度，看看它是否超过2行并动态添加/显示元素(如果有)。

请注意，css 解决方案不会删除任何内容，所有行都在那里，只是不可见。