CSS3控制單行文本的溢出


text-overflow用來設置是否使用一個省略標記(...)標示對象內文本的溢出。語法:

但是text-overflow只是用來說明文字溢出時用什么方式顯示,要實現溢出時產生省略號的效果,還須定義強制文本在一行內顯示(white-space:nowrap)及溢出內容為隱藏(overflow:hidden),只有這樣才能實現溢出文本顯示省略號的效果,代碼如下:

 

同時,word-wrap也可以用來設置文本行為,當前行超過指定容器的邊界時是否斷開轉行。語法:

normal為瀏覽器默認值,break-word設置在長單詞URL地址內部進行換行,此屬性不常用,用瀏覽器默認值即可。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM