table的寬度,單元格內換行問題

一. 要想固定table的總的寬度和每列的寬度：

或在指令碼中：

this.style.tablelayout=fixed

html

scriptingobject.style.tablelayout[=slayout]

可能的值：

slayout

string設定或獲取下面的值:

auto

預設設定.列寬將設定為不可分割的最大的內容的寬度。

fixed

表的寬度和列的寬度固定，不隨單元格中內容而改變一. 設定了各個列的寬，沒有設表的寬：表的寬度等於各個列的寬度的和二. 設定了表的寬度，沒有設各個列的寬度：各個列的寬度平均分配三. 要是都沒設定寬度：表的寬度為100％，各個列的寬度平均分配

二. 換行問題

有個attribute叫nowrap，可以控制每個單元格是否允許換行

或者 this.nowrap=true

html

scriptingobject.nowrap[=bwrap]

可能的值：

bwrap

boolean設定或獲取乙個下面的值：.

false

預設值.允許單元格的單詞字元回行.

true

不允許單元格回行，除非字元中含有」

」

asp.net的datagrid有個問題，它的column有個屬性itemstyle.wrap，設計是當這個列的itemstyle.wrap屬性為true時，單元格允許回行，為false不允許回行，可是當設定了為false時輸出到客戶端的是這樣的：

而不是

所以itemstyle.wrap屬性是沒有起作用的，請自己手工在datagrid1_itemdatabound事件中將不允許回行的那些單元增加個attribute：nowrap=true。

privatevoiddatagrid1_itemdatabound(objectsender,system.web.ui.webcontrols.datagriditemeventargse)

e.item.cells[n].attributes.add("nowrap","true");

三. 截斷英文單詞強行回行

上面兩個方法可以把**的寬度都固定了，每個單元是否允許回行都可以設定了，現在可能又會碰到乙個問題，當允許回行的遇到比較長的英文單詞，可能就超出了這個單元格的寬度，要是不把這個單詞從中截斷強行換行的話，這個單詞的超出單元格寬的的部分將不被顯示出來。所以需要在單詞超出單元格長度的地方把單詞強行截斷回行。

可以利用css中的word-break風格來達到我們的目的：

或在指令碼中：

this.style.wordbreak=break-all

html

scriptingobject.style.wordbreak[=sbreak]

可能的值：

sbreak

string設定或獲取乙個下面的值：

normal

預設值.允許從每個詞處回行。

break-all

不管在什麼位置，超過列寬時就回行。

keep-all

不允許chinese,japanese,和korean回行。這個功能類似與「normal」的非亞洲語言版本。

table的寬度,單元格內換行問題

table的寬度,單元格內換行問題

table的寬度,單元格內換行問題

table的寬度,單元格內換行問題

相關推薦