css讓文字,字母折行


加上如下的CSS設置,就是設定好寬度width,然后設置合適的word-wrapword-break屬性:

.breakAll{
  white-space:normal;
  word-break:keep-all;
  word-wrap: break-word;
}

 

 


word-warp 屬性設置如何處理單詞的折行,可以取的值有ul里面的li折行其實跟其他塊狀(block)元素的折行都是一樣的。以下是相關的CSS屬性:

word-wrap: normal | break-word

 

word-break 屬性設置如何處理單詞折斷,僅支持IE,可以取的值有:

word-break: normal | break-all | hyphenate

 

white-space 屬性設置如何處理元素內的空白。可以取的值有:

white-space: normal | nowarp | pre | pre-line | pre-warp | inherit

 

經測試對中文也有效。


免責聲明!

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



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