最简单的表格如下:
複製代碼
[table][tr][td]内容[/td][/tr][/table]
拆开说明:
代碼
描述
複製代碼
[table]
表頭開始
複製代碼
[tr]
行開始
複製代碼
[td]
表元頭
複製代碼
內容
內容
複製代碼
[/td]
表元尾
複製代碼
[/tr]
行結束
複製代碼
[/table]
表格結束
表格結束*注 表元:表格內具體數據,表格內所有數據都在[td]和[/td]中。
有頭必有尾,有行必有元。
舉兩個例子
複製代碼
[table][tr][td]內容
[/td][td]內容
[/table]
效果是一行兩列:
內容
內容
#通過重複使用[td]內容[/td]可以把一行分為N列
複製代碼
[table][tr][td]內容
[tr][td]內容
[/table]
效果是一行兩列
內容
內容
#通過tr可以給表格分行,當然,每行必須含有表元標記。
二.表格進階
表格寬度
表格寬度屬性附加在表格頭部,它可以是具體像素值也可以是百分比。
系統允許的最大像素值寬度爲560,超過這個數值會自動被修改成98%。
表格沒有高度的定義,表格的高度取決與表格中的內容(表元)。
兩個例子:
1.
複製代碼
[table=500][tr][td]nei容[/td][/tr][/table]
效果:
内容
注:表格寬度爲500像素
2.
複製代碼
[table=90%][tr][td]内容[/td][/tr][/table]
效果:
内容
注:表格寬度爲帖子內容框的90%,這個寬度會隨浏覽器分辨率變化而變化.
跨行與跨列
這兩個屬性定義在表元,第壹個數字代表所跨的列數,第二個數字代表所跨的行數。
直接看兩個例子好了:
跨多列
複製代碼
[table][tr][td=3,1][align=center]内容1[/align][/td][/tr][tr][td]内容2[/td][td]内容3[/td][td]内容4[/td][/tr][/table]
效果是第一行跨三列:
内容1
内容2内容3内容4
跨多行
複製代碼
[table][tr][td=1,2]内容1[/td][td]内容2[/td][/tr][tr][td]内容3[/td][/tr][/table]
效果是第一列跨兩行:
内容1内容2内容3
表元寬度
表元寬度屬性附加在表元頭([td]),必須和跨行跨列壹起使用,它可以是具體數值也可以是百分比。
表元沒有高度的定義。
兩個例子
一行兩列,寬度分別爲20%和80%
複製代碼
[table=90%][tr][td=1,1,20%]内容[/td][td=1,1,80%]内容[/td][/tr][/table]
效果:
内容内容
兩行,第壹行跨兩列,第二列兩表元寬度分別爲150像素和400像素
複製代碼
[table=560][tr][td=2,1,560]内容[/td][/tr][tr][td=1,1,150]内容[/td][td=1,1,400]内容[/td][/tr][/table]
效果:
内容内容内容
BB姬
