語法:
text-overflow : clip | ellipsis
取值:
- clip:
- 不顯示省略標記(...),而是簡單的裁切。
- ellipsis:
- 當對象內文本溢出時顯示省略標記(...)
說明:
- 設置或檢索是否使用一個省略標記(...)標示對象內文本的溢出。對應的腳本特性為textOverflow。
- text-overflow屬性僅是注解,當文本溢出時是否顯示省略標記。并不具備其它的樣式屬性定義。要實現溢出時產生省略號的效果還須定義:強制文本在一行內顯示(white-space:nowrap)及溢出內容為隱藏(overflow:hidden),只有這樣才能實現溢出文本顯示省略號的效果。
兼容性:
text-overflow : clip
類型 |
![]() |
![]() |
![]() |
![]() |
![]() |
---|---|---|---|---|---|
版本 | (√)IE6 | (√)Firefox 2.0 | (√)Chrome 1.0.x | (×)Opera 9.63 | (√)Safari 3.1 |
(√)IE7 | (√)Firefox 3.0 | (√)Chrome 2.0.x | (√)Safari 4 | ||
(√)IE8 | (√)Firefox 3.5 | ||||
text-overflow : ellipsis
類型 |
![]() |
![]() |
![]() |
![]() |
![]() |
---|---|---|---|---|---|
版本 | (√)IE6 | (×)Firefox 2.0 | (√)Chrome 1.0.x | (×)Opera 9.63 | (√)Safari 3.1 |
(√)IE7 | (×)Firefox 3.0 | (√)Chrome 2.0.x | (√)Safari 4 | ||
(√)IE8 | (×)Firefox 3.5 | ||||
示例:
