戻る

幅 100 固定 幅 100 固定
1行1列目 1行2列目 1行2列目
2行1列目(colspan="2") 2行3列目
3行1列目 3行2列目(colspan="2")
1行1列目 1行2列目 1行3列目
2行1列目 2行2列目。この列の中身が大きいので、この列が大きくなる。
3行1列目。この列の中身が大きいので、この列が大きくなる。 3行3列目
width="100" width="200"
2行1列目。この列の中身が大きいが、固定されている。 2行2列目。この列の中身も大きいが、固定されている。
width="30%" 1行2列目
2行1列目 2行2列目
幅は 30% 幅は無指定だが残りの 70%
2行1列目 2行2列目
width="30%" width="100%"
2行1列目 2行2列目
1行1列目 1行2列目(rowspan="2") 1行3列目
2行1列目 2行3列目(rowspan="2")
3行1列目 3行2列目
td width="100%"
長い文字列だが幅は 100 に固定
td width="80" に関係なく幅は 300
td width="400" に関係なく幅は 300
ボーダーに関係なく幅は 300
ボーダーに関係なく幅は 300 + 6
幅は 150 幅は 150
td は 80 だが 200 td は 40 だが 100
td は 80 td は 300 - 80
80 / (40 + 80) * 画面幅 40 / (40 + 80) * 画面幅
1行1列目 1行2列目
非常に長い文字列。このセルによりテーブルは画面いっぱいまで広げられる。1行目のデータは、セル内の大きさが同じなので、均等に拡大される。
1行1列目(width="120%") 1行2列目
PRE タグを使った長い文字列。このセルは折り返されない。画面幅より広い場合、1行1列目の幅がどうなるか?
					
1行1列目 1行2列目 1行3列目 1行4列目
2行1列目
3行1列目
内側の1行1列目
1行1列目 1行2列目 1行3列目
中のテーブル1
1−1 1−2
2−1 2−2
中のテーブル2
1−1 1−2 1−3
2−1 2−2 2−3
1行目
2行目
3行目
4行目
valign="middle" valign="bottom"
GIF 画像 1行2列目
1行1列目(rowspan="2")
(2行目)
(3行目)
(4行目)
(5行目)
(6行目)
(7行目)
(8行目)
(9行目)
(10行目)
(11行目)
(12行目)
1行2列目
(2行目)
2行2列目

戻る