使用css在div中切割文本

Question

有没有办法使用css来切割div中的文本是这样的？

  

Hello World！ Hello World！你好世界！你好Wor ...

这里我的意思是成为2行文本，然后是最后点，而不是有一行然后是点

喜欢这个 https://jsfiddle.net/cf8q6o3n/  在这个链接中我有代码，但它是1行文本然后是点。我需要它2行文本然后点。

这是我的代码：

HTML：

<div class="div1">
Hello World. Hello World. Hello World. 
</div>

CSS

.div1 {width:90px;border:1px solid #000;white-space:nowrap;overflow:hidden !important;text-overflow:ellipsis;}

Answer 1

更改您的CSS，如下所示：

.div1 {
  width:90px;
  border:1px solid;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}