在預設情況下網頁是不自動換行的,
如果字元很長的話,
就會使網頁變型,
因為它是通過絕對長度來控制的,
其實只要在**控制中新增一句
就ok完整的是
style="table-layout: fixed;word-break: break-all; word-wrap: break-word"
word-break:break-all mozilla等(包括firefox)不支援,將會在 css3 中實現。
目前mozilla只能overflow-x:hidden 臨時解決,
或者作者在書寫的時候避開這種 連續無空格英文或數字
sample:
//todoit
語法:
word-break : normal | break-all | keep-all
引數:
normal : 依照亞洲語言和非亞洲語言的文字規則,允許在字內換行
break-all : 該行為與亞洲語言的normal相同。
也允許非亞洲語言文字行的任意字內斷開。
該值適合包含一些非亞洲文字的亞洲文字
keep-all : 與所有非亞洲語言的normal相同。
對於中文,韓文,日文,不允許字斷開。
適合包含少量亞洲文字的非亞洲文字
Html table td 內容自動換行
td隨著內容自動適應寬度 style word wrap break word word break break all width 100px td 注 必須設定td的寬度 word wrap 設定或檢索當前行超過指定容器的邊界時是否斷開?轉行 normal 預設值。允許內容頂開指定的容器邊界 b...
網頁中自動換行問題
用 做網頁排版的時候,一般都能正常使用。偏偏有時會碰到一段連續的英文詞或者一堆感嘆號 把網頁就撐開的現象 總結了一下,只要在css中定義了如下句子,可保網頁不會再被撐開了。table td word break break all word wrap break word 注釋一下 1.第一條tab...
html網頁table td自動換行
大家都知道頁面中td要不換行,需加上nowrap。而有些地方必須根據內容而自動換行,解決該問題的方法有以下兩種 1.在table裡增加樣式 table 以下引用table layout的說明 語法 table layout auto fixed 引數 auto 預設的自動演算法。布局將基於各單元格的...