每日来看BB姬beebeej.com
上班摸鱼吹水好快活

論壇表格基本使用說明

本帖被 Diss 執行加亮操作(2014-10-20)

最简单的表格如下:

複製代碼

[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]

效果:

内容内容内容

赞(0) 打赏
未经允许不得转载:BB姬 » 論壇表格基本使用說明
分享到: 更多 (0)

相关推荐

  • 暂无文章

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

© 2024 BB姬   网站地图

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏