CSS如何讓文本超過兩行縮略

在CSS中，我們可以使用text-overflow屬性來控制文本超過指定行數(shù)時的顯示方式。text-overflow: ellipsis表示當(dāng)文本超過指定行數(shù)時，超出部分將顯示為省略號（...）。

下面是一個示例，展示如何讓文本超過兩行縮略：

<div style="width: 200px; height: 40px; line-height: 20px; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;">
  這是一段超過兩行的文本，將會縮略顯示為省略號。
</div>

在這個示例中：

width和height屬性限制了div元素的寬度和高度。

line-height屬性設(shè)置了文本的行高。

text-align屬性使文本居中顯示。

text-overflow: ellipsis表示當(dāng)文本超過指定行數(shù)時，超出部分將顯示為省略號（...）。

overflow: hidden表示當(dāng)文本超出其包含塊時，應(yīng)該隱藏超出部分。

white-space: nowrap表示文本不會換行，即使超出其包含塊的寬度。

這樣，當(dāng)文本超過兩行時，就會縮略顯示為省略號（...）。