HTML中table的屬性tr th td的使用

2021-07-29 10:25:54 字數 2240 閱讀 5834

tr和td

1.width/height:

單元格的寬高

2.bgcolor:

單元格的背景顏色

3.align

:left center right

單元格中的文字 水平對齊方式

4.valign

:top center bottom

單元格中的文字,垂直對齊方式

5.nowrap="nowrap"

單元格中文字不換行

注意:1

、當**屬性與行列屬性衝突時,以行列屬性為準(近者優先,就近原則)

2、**的

align

屬性,是控制**自身在瀏覽器的顯示位置;

行和列的

align

屬性,是控制單元格中文字在單元格中的對齊方式;

3、**的

align

屬性,並不影響**內,文字的水平對齊方式tr的

align

或者valign

屬性,可以控制一行中所有單元格的

<

tableborder="1"align="center"width="500px"height="150px">

<

tralign="center">

<

td>

第一行第一列

td>

<

tdcolspan="3">

第一行第二列

td>

tr>

<

tralign="center">

<

tdrowspan="3">

第二行第一列

td>

<

td>

第二行第二列

td>

<

td>

第二行第三列

td>

<

td>

第二行第四列

td>

tr>

<

tralign="center">

<

td>

第三行td>

<

td>

第三行td>

<

td>

第三行td>

tr>

<

tralign="center">

<

td>

第四行td>

<

td>

第四行td>

<

td>

第四行td>

tr>

table>

table中tr間距的設定

border collapse separate border spacing 0 10px 谷歌 ie都支援 table中的tr的預設display table row,雖然可以修改為display block但是就失去了tr特有的顯示效果,如 td自動對齊 並且在tr中對起設定padding是有...

table中設定tr行間距

css border collapse 屬性設定 的邊框是否被合併為乙個單一的邊框值描述 separate 預設值。邊框會被分開。不會忽略 border spacing 和 empty cells 屬性。collapse 如果可能,邊框會合併為乙個單一的邊框。會忽略 border spacing 和...

table中設定tr行間距

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!css border collapse 屬性設定 的邊框是否被合併為乙個單一的邊框值描述 separate 預設值。邊框會被分開。不會忽略 border spacing 和 empty cells 屬性。collapse 如果可能,邊框會合併為乙個...