td要素

属性

valign

セル内の垂直位置。非推奨のためCSSのvertical-alignで指定する。

colspan / rowspan

セルを結合できます。

  • colspan … 列を結合。横方向に連結
  • rowspan … 行を結合。縦方向に連結
colspan="2"
   
rowspan="2"  
 

width

width属性は非推奨なため、可能ならばCSSのwidth属性で指定します。そのとき行が複数あるならばcol要素を追加し、それにwidth属性を指定します。

右端だけ100%
    width: 100%
中央だけ100%
  width: 100%  
すべて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
HTMLの情報サイトから、まとめて検索