相关疑难解决方法(0)

我知道你可以使用CSS规则的组合,当溢出时间(离开父节点)时,文本以省略号(...)结尾.

是否可以(随意说,不)实现相同的效果,但让文本包裹多行？

这是一个演示.

div {
  width: 300px; 
  height: 42px; 
  overflow: hidden; 
  text-overflow: ellipsis; 
  white-space: nowrap;
}

正如您所看到的,当文本比div的宽度宽时,文本以省略号结尾.但是,仍然有足够的空间让文本换行第二行并继续.这被white-space: nowrap省略,这是省略号工作所必需的.

有任何想法吗？

PS:没有JS解决方案,如果可能的话纯CSS.