text-overflow用來設置是否使用一個省略標記(...)標示對象內文本的溢出。
語法:
但是text-overflow只是用來說明文字溢出時用什么方式顯示,要實現溢出時產生省略號的效果,還須定義強制文本在一行內顯示(white-space:nowrap)及溢出內容為隱藏(overflow:hidden),只有這樣才能實現溢出文本顯示省略號
的效果,代碼如下:
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
同時,word-wrap也可以用來設置文本行為,當前行超過指定容器的邊界時是否斷開轉行。
語法:
normal為瀏覽器默認值,break-word設置在長單詞或URL地址內部進行換行,此屬性不常用,用瀏覽器默認值即可。