CSSで列の幅を調整する方法

質問

• CSSでテーブルの列の幅を調整する方法について教えてください。
• 指定した列のみの幅を調整する方法を教えてください。
• テーブルのタグを直接いじるのではなく、スタイルシートで列の幅を調整する方法を教えてください。

回答No.5

anonymous（@phantom0112358） · ベストアンサー

対象セルにクラスをつけて指定するという方法はダメでしょうか？

<style>
td.column { width:10% }
</style>
<table border=1 cellspacing=1 cellpadding=1>
<tr><td>a</td><td>b</td><td class="column">c</td></tr>
<tr><td>1</td><td>2</td><td class="column">3</td></tr>
</table>

ターゲットブラウザにもよりますが、nth-childはモダンブラウザにしか効きませんのであまりおすすめできません。
それとサイズを厳密に調整したいのであればborder,cellpaddingは0にして全てスタイルで指定したほうがいいと思います。なぜならwidth=10%+cellspacing+border+cellpaddingになってしまいますから。

お礼

ありがとうございました。