CSS控制Table單元格強制換行與強制不換行

2021-06-18 11:03:16 字數 940 閱讀 6453

用css實現table單元格資料自動換行或不換行的實現方法:

word-break: break-all;強制換行

word-break: keep-all;強制不換行

word-break語法:

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

引數:normal :  依照亞洲語言和非亞洲語言的文字規則,允許在字內換行

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

keep-all :  與所有非亞洲語言的normal相同。對於中文,韓文,日文,不允許字斷開。適合包含少量亞洲文字的非亞洲文字

word-wrap語法:

word-wrap : normal | break-word

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

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

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

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

table-layout語法:

table-layout : auto | fixed

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

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

說明:如何讓**自動換行?

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

對應的指令碼特性為tablelayout。

只要在css中定義了如下句子,就可以做到既防止**/層撐破又防止單詞斷裂了。

table

div

table 合併單元格

合併單元格函式 tableid id,cellindex 合併td的索引 從0開始 如果多列的話,列數最大的放在上面 function mergecells tableid,cellindex 按照內容分組統計 var hist companylist.map function a 記錄操作 資訊 ...

js合併table單元格

合併列單元格方法,table不可以有th method mergecell author wpj param tableid id param startrow 開始合併的行數 param col 開始合併的列數 return function mergecell tableid,startrow,...

table 及 單元格高和寬控制

table的樣式屬性 table layout 布局控制 table layout 版本 css2 相容性 ie5 繼承性 無 語法 table layout auto fixed 取值 auto 預設值。預設的自動演算法。布局將基於各單元格的內容。在每一單元格內所有內容讀取計算之後才會顯示出來 f...