CSS text-overflow 屬性

定義和用法

text-overflow 屬性規定當文本溢出包含元素時發生的事情。

另請參閱：

CSS3 教程：CSS3 文本效果

HTML DOM 參考手冊：textOverflow 屬性

實例

使用 text-overflow 屬性：

div.test
{
text-overflow:ellipsis;
}

親自試一試

頁面底部有更多實例。

CSS 語法

text-overflow: clip|ellipsis|string;

屬性值

值 描述 測試
clip 修剪文本。 測試
ellipsis 顯示省略符號來代表被修剪的文本。 測試
string 使用給定的字符串來代表被修剪的文本。

技術細節

默認值： clip
繼承性： no
版本： CSS3
JavaScript 語法： object.style.textOverflow="ellipsis"

更多實例

帶有 hover 效果的 Text-overflow
本例演示當光標浮動到元素上時如何顯示全部文本。

瀏覽器支持

表格中的數字注明了完全支持該屬性的首個瀏覽器版本。

帶 -o- 的數字表示使用前綴的首個版本。

Chrome IE / Edge Firefox Safari Opera
4.0 6.0 7.0 3.1 11.0
9.0 -o-