htmlでテーブルのセルの幅を調整する簡単な小技

テーブルのセル幅の調整の度、いちいちめんどいな~・・・とCSSで幅ごとに設定したりして苦労していたが、それを解決する小技

<table cellspacing="0" summary="表">
 <col width="200" />
 <col width="100" />
 <col width="100" />
 <tr>
 <th>見出し1</th>
 <th>見出し2</th>
 <th>見出し3</th>
 </tr>
 <tr>
 <td>感染物・廃プラ処理業務</td>
 <td>平成23年3月24日(木)</td>
 <td>平成23年3月11日(金)</td>
 </tr>
</table>

tableタグのすぐ下にある colタグで幅を指定してやる。
htmlチェックでのエラーも出ないし、いちいちcssファイルとにらめっこする必要がないのでちょっとした表の挿入時に有効。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)