ＣＳＳでテーブルセルの大きさ指定したい

普通にwidthとheightで指定します。

td {
width:200px;
height:100px; }

ですが、内容に合わせて可変でなくなるので気をつけてください。
colやcolgroupを使うと一括での指定も可能です。

ついでに、テーブルの横幅が完全にpxで固定、もしくは%等の値で決まっているときは

table {
width:500px;
table-layout:fixed; }

のようにすると描画が早くなります。


上記のような方法ではなく、ただ余白が欲しい時、最低限の幅を確保したいときは

td {
padding:10px; }

または

td {
width:100px;
height:100px; }

html>body td {
width:auto;
height:auto;
min-width:100px;
min-height:100px; }

等の方が適しています。

日頃table使わないので、参考程度にしてください。

投稿日時 - 2008-09-11 20:40:35