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

選擇自 chnking 的 blog

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

或在指令碼中：

this.style.tablelayout = fixed

html

scripting

object.style.tablelayout[=slayout ]

可能的值：

slayout

string設定或獲取下面的值:

auto

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

fixed

表的寬度和列的寬度固定，不隨單元格中內容而改變

一.設定了各個列的寬，沒有設表的寬：表的寬度等於各個列的寬度的和

二.設定了表的寬度，沒有設各個列的寬度：各個列的寬度平均分配

三.要是都沒設定寬度：表的寬度為100％，各個列的寬度平均分配

二.換行問題

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

或者

this.nowrap = true

html

scripting

object.nowrap[=bwrap ]

可能的值：

bwrap

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

false

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

true

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

」

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

而不是

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

private

void datagrid1_itemdatabound(object sender, system.web.ui.webcontrols.datagriditemeventargs e)

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

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

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

或在指令碼中：

this.style. wordbreak = break-all

html

scripting

object.style.wordbreak[=sbreak ]

可能的值：

sbreak

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

normal

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

break-all

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

keep-all

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

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

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

table的寬度,單元格內換行問題 選擇自 chnking 的 blog 一.要想固定table的總的寬度和每列的寬度 或在指令碼中 this.style.tablelayout fixed html scripting object.style.tablelayout slayout 可能的值 s...

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

一.要想固定table的總的寬度和每列的寬度 或在指令碼中 this.style.tablelayout fixed html scriptingobject.style.tablelayout slayout 可能的值 slayout string設定或獲取下面的值 auto 預設設定.列寬將設定...

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

選擇自 chnking 的 blog 一.要想固定table的總的寬度和每列的寬度 或在指令碼中 this.style.tablelayout fixed html scripting object style.tablelayout slayout 可能的值 slayout string 設定或獲...