2012年10月19日金曜日

HTMLの表のカラム幅指定

HTMLでTableタグを使って表を作る場合、先頭のカラムのみ固定して、
残りを文字数に関係なく等間隔にしたい場合の方法。
テーブルタグのスタイルに table-layout:fixed; を設定する。

こうするだけで、tdにwidthを設定したものだけ固定され、
他は等間隔になります。colspan, rowspanを使っていても問題なし!

<table border=1 width="100%" style="table-layout: fixed;">
  <tr>
    <th width="100px">Col ABC</td>
    <th>Col ABCDE</td>
    <th>Col3 ABCDE FGHIJ</td>
    <th>Col4</td>
  </tr>
</table>

0 件のコメント:

コメントを投稿

注: コメントを投稿できるのは、このブログのメンバーだけです。