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

2021-09-05 14:33:48 字數 2290 閱讀 3840

選擇自 chnking 的 blog

一.要想固定table的總的寬度和每列的寬度:<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

或在指令碼中:

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」

的非亞洲語言版本。

作者blog:

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

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

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

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

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

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