CSS——溢出文字隱藏


溢出的文字隱藏

word-break:自動換行

normal 使用瀏覽器默認的換行規則。

break-all 允許在單詞內換行。

keep-all 只能在半角空格或連字符處換行。

主要處理英文單詞

white-space

white-space設置或檢索對象內文本顯示方式。通常我們使用於強制一行顯示內容

normal :  默認處理方式 nowrap :  強制在同一行內顯示所有文本,直到文本結束或者遭遇br標簽對象才換行。

可以處理中文

text-overflow 文字溢出

text-overflow : clip | ellipsis

設置或檢索是否使用一個省略標記(...)標示對象內文本的溢出

clip :  不顯示省略標記(...),而是簡單的裁切

ellipsis :  當對象內文本溢出時顯示省略標記(...)

注意一定要首先強制一行內顯示,再次和overflow屬性 搭配使用


免責聲明!

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



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