table之自動換行

2021-05-22 01:49:15 字數 1235 閱讀 8259

style="table-layout: fixed;word-break: break-all; word-wrap: break-word"

如果你定義了單元格的寬度,不想寬度被內容撐大,用table-layout: fixed;

word-wrap: break-word;

語法:

word-break : normal | break-all | keep-all

引數:

normal :依照亞洲語言和非亞洲語言的文字規則,允許在字內換行 (到了換行的地方,什麼字都直接斷開)

break-all :該行為與亞洲語言的normal相同。也允許非亞洲語言文字行的任意字內斷開。該值適合包含一些非亞洲文字的亞洲文字 (為了換行,把非亞洲語言文字斷開)

keep-all :與所有非亞洲語言的normal相同。對於中文,韓文,日文,不允許字斷開。適合包含少量亞洲文字的非亞洲文字 (如果不想英語單詞被分開,用這個,上面兩個都是會直接把單詞斷開的)

語法:word-wrap :normal|break-word

引數:normal :允許內容頂開指定的容器邊界

break-word :內容將在邊界內換行。如果需要,詞內換行(word-break

)也行發生

說明:設定或檢索當當前行超過指定容器的邊界時是否斷開轉行。

對應的指令碼特性為wordwrap。請參閱我編寫的其他書目。

語法:table-layout :auto|fixed

引數:auto :預設的自動演算法。布局將基於各單元格的內容。**在每一單元格讀取計算之後才會顯示出來。速度很慢

fixed :固定布局的演算法。在這演算法中,水平布局是僅僅基於**的寬度,**邊框的寬度,單元格間距,列的寬度,而和**內容無關

說明:設定或檢索**的布局演算法。

對應的指令碼特性為tablelayout

table單元格內容自動換行

1 設定table中的單元格內容自動換行,使用word wrap在ie瀏覽器中支援,在firefox瀏覽器的3.5版本以上開始支援,所以為了滿足瀏覽器相容性,需要在table中設定table layout fixed。2 word wrap在div屬性中能起到換行的作用,也可以在td中使用div,在...

TABLE自動換行 支援中英文

數字和英文的時候,table中的td就會被拉長.解決方法是新增 用 做網頁排版的時候,一般都能正常使用。偏偏有時會碰到一段連續的英文詞或者一堆感嘆號 把網頁就撐開的現象。總結了一下,只要在css中定義了如下句子,可保網頁不會再被撐開了。table td word break break all wo...

TABLE自動換行 解決不能換行撐開等有關問題

數字和英文的時候,table中的td就會被拉長,不會自動換行了。全形的時候是可以的。解決方法是 總結了一下,只要在css中定義了如下句子,可保網頁不會再被撐開了。table td word break break all word wrap break word 注釋一下 1.第一條table,此樣...