CSS3 text-overflow 屬性
瀏覽器支持
所有主流瀏覽器都支持 text-overflow 屬性。
定義和用法
text-overflow 屬性規(guī)定當(dāng)文本溢出包含元素時(shí)發(fā)生的事情。
| 默認(rèn)值： | clip |
|---|---|
| 繼承性： | no |
| 版本： | CSS3 |
| JavaScript 語(yǔ)法： | object.style.textOverflow="ellipsis" |
語(yǔ)法
text-overflow: clip|ellipsis|string;
| 值 | 描述 | 測(cè)試 |
|---|---|---|
| clip | 修剪文本。 | 測(cè)試 |
| ellipsis | 顯示省略符號(hào)來(lái)代表被修剪的文本。 | 測(cè)試 |
| string | 使用給定的字符串來(lái)代表被修剪的文本。 |
親自試一試 - 實(shí)例
- 帶有 hover 效果的 Text-overflow
- 本例演示當(dāng)光標(biāo)浮動(dòng)到元素上時(shí)如何顯示全部文本。
相關(guān)頁(yè)面
CSS3 教程：CSS3 文本效果