html span標簽 不換行(有時span帶中文時候是可以自動換行的)


<span>你好111111111111111111111111111111111111111111111111111aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</span>

 

不換行!

 

加上樣式:

style="display:inline-block;width:60%;word-wrap:break-word;white-space:normal;"

 

是因為 span 不是塊狀元素。本身自帶有 左浮動的效果,並且連續的英文字母跟數字是沒辦法 自動換行的 必須要 強制換行。 但是光用word-wrap:break-word; 是不行的。所以 必須要在限制了 寬度的情況下 還要增加 white-space:normal

 

以上解決!


免責聲明!

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



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