首頁 > web前端 > css教學 > 主體

CSS控製文字自動換行的問題_經驗交流

WBOY
發布: 2016-05-16 12:08:02
原創
1512 人瀏覽過

用表格做網頁排版的時候,一般都能正常使用。偏偏有時會碰到一段連續的英文字或一堆感嘆號(!!!)把網頁就撐開的現象:(

總結了一下,只要在CSS中定義瞭如下句子,可保網頁不會再被撐開了。

table{table-layout: fixed;}
td(word-break: break-all; word-wrap:break-word;)

註解一下:

1.第一條table{table-layout: fixed;},此樣式可以讓表格中有!!!(感嘆號)之類的字元時自動換行。
2.td{word-break: break-all},一般用這句這OK了,但在有些特殊情況下還是會撐開,因此需要再加上後面一句(word-wrap:break-word; )就可以解決。此樣式可以讓表格中的一些連續的英文單字自動換行。 

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板