網頁中自動換行問題
深山行者個人網站 2007/11/25 21:56:32 深山行者 字體:
大 中 小 瀏覽 7105
用表格做網頁排版的時候,一般都能正常使用。偏偏有時會碰到一段連續的英文詞或者一堆感嘆號(!!!)把網頁就撐開的現象:(
總結了一下,只要在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;)就可以解決。此樣式可以讓表格中的一些連續的英文單詞自動換行。
- 相關閱讀
- 獲取客戶真實IP地址
- 經典實用的觸發型導航菜單
- DIV+CSS分頁代碼,放大鏡分頁效果
- CSS濾鏡屬性詳解
- 超強的中間自適應,左右固定,有許多值得學習的地方
- 旅游網站的企業站自定義功能完成。
- innerHTML動態改變ID的CSS樣式表
- 針對table,div隔行變色的JS方法
- 共有0條關于《網頁中自動換行問題》的評論
- 發表評論