td要素
属性
セル内の垂直位置。非推奨のためCSSのvertical-alignで指定する。
colspan / rowspan
セルを結合できます。
- colspan … 列を結合。横方向に連結
- rowspan … 行を結合。縦方向に連結
width
width属性は非推奨なため、可能ならばCSSのwidth属性で指定します。そのとき行が複数あるならばcol要素を追加し、それにwidth属性を指定します。
すべて100%
width: 100% |
width: 100% |
width: 100% |
異なる割合
width: 50% |
width: 30% |
width: 20% |
ドキュメントの幅に合わせて伸縮するようにしつつ一定の幅に抑えたい場合には、親要素であるtableの幅を割合で制限します。
<table style="width: 50%">
|
|
width: 100% |
<table style="width: 75%">
|
|
width: 100% |
改行の抑制
セル内で改行されることによりレイアウトが崩れるならば、td要素にwhite-space: pre
を適用することにより、それを抑制できます。
未指定
空白なし |
空白あり |
0123456789012345678901234567890123456789 |
0123456789 0123456789 0123456789 0123456789 |
style="white-space: pre"
空白なし |
空白あり |
0123456789012345678901234567890123456789 |
0123456789 0123456789 0123456789 0123456789 |