CSS 只顯示2行
HTML 中，我們經常要用到文本展示。有時候我們希望文本只顯示指定的行數，而超出部分則隱藏，這時候我們需要用到 CSS 中的一個屬性：text-overflow。
text-overflow 屬性指定了當文本溢出容器時應該如何處理。如果值為 ellipsis，則文本溢出時顯示省略號。
不過，text-overflow 屬性只有在以下條件下才會生效：
1.容器的寬度必須固定和有限。
2.overflow 屬性的值必須為 hidden 或 scroll。
3.white-space 屬性的值必須為 nowrap，即文本不能換行。
下面是一個例子：
<p class="line-clamp">這里是一段需要多行展示的文本</p>這里是一段需要多行展示的文本，但是我只想讓它展示2行。
CSS 代碼如下：.line-clamp {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}