首頁  >  文章  >  web前端  >  css自動換行

css自動換行

高洛峰
高洛峰原創
2016-10-19 10:16:051718瀏覽

方法一:先固定表格寬度,即給表格一個寬度值(數值,非百分比)  

 

 

方法二:強制不換行

  div//w影響強制在同一行內顯示所有文本,直到文字結束或遭遇br 物件white-space:nowrap; }

 

 

方法三:自動換行

  divbreak{ word-wraprap:wrap/wraprap:wrap?設定強行換行;normal 亞洲語言和非亞洲語言的文字規則,允許在字內換行word-break: normal; }

 

 

方法四:強制英文單字斷行

 㟀all;}

註:

在CSS中定義以下句子,可防止網頁「撐開」了:

 

 

 

  table -all; word-wrap:break-word;)

 

 

防止表格/層被“撐開”,同時保證分行時單個英文單字不會被拆開:

  table { table-layout: fixed ;word-wrap:break-word;}

  div { word-wrap:break-word;}


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn