CSS設(shè)置段落溢出省略號(hào)的方法

在CSS中，我們可以通過設(shè)置text-overflow屬性來實(shí)現(xiàn)段落溢出省略號(hào)的效果，這個(gè)屬性可以指定當(dāng)文本溢出其包含元素時(shí)，如何顯示溢出的文本。

我們可以將text-overflow屬性設(shè)置為ellipsis，這樣當(dāng)文本溢出時(shí)，就會(huì)顯示為省略號(hào)（...），我們還需要設(shè)置white-space屬性為pre或pre-line，以防止文本自動(dòng)換行。

我們可以給段落添加以下CSS樣式：

p {
  text-overflow: ellipsis;
  white-space: pre;
}

這樣，當(dāng)段落文本溢出時(shí)，就會(huì)顯示為省略號(hào)，而不會(huì)自動(dòng)換行，需要注意的是，這種方法只適用于塊級(jí)元素（如div、p等），而不適用于行內(nèi)元素（如span）。

如果要在文本溢出時(shí)顯示不同的內(nèi)容，可以使用title屬性來添加提示信息。

p {
  text-overflow: ellipsis;
  white-space: pre;
  title: "這是一段溢出的文本";
}

這樣，當(dāng)鼠標(biāo)懸停在溢出的段落上時(shí)，就會(huì)顯示"這是一段溢出的文本"。