在CSS中,可以使用text-overflow
屬性來設(shè)置文字省略,該屬性指定了當(dāng)文本溢出其包含元素時發(fā)生的事情,如果text-overflow
設(shè)置為ellipsis
,則文本會在溢出時省略為“...”。
假設(shè)你有一個段落元素,其寬度設(shè)置為200像素,而段落中的文本超過這個寬度,在這種情況下,你可以使用以下CSS代碼來設(shè)置文本省略:
p { width: 200px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
在這個例子中,width
屬性設(shè)置了段落的寬度,text-overflow
屬性指定了文本在溢出時的處理方式,white-space
屬性指定了文本不應(yīng)該自動換行,overflow
屬性指定了文本在溢出時應(yīng)該隱藏。
這種方法只在文本溢出其包含元素時有效,如果文本沒有溢出,則省略效果不會顯示,這種方法只適用于塊級元素,如段落(p
元素)或標(biāo)題(h1
、h2
等),對于行內(nèi)元素(如span
或a
),這種方法可能不起作用。