HTML・CSS

CSS 表の列幅を均等にする方法「table-layout:fixed」

※当サイトは、アフィリエイト広告を掲載しています。

スポンサーリンク

表のセル幅は指定しないと自動調整されてしまう

ブログで4列の表を挿入したら、文字の長さによって列幅がバラバラになってしまった。

幅を均等にするために「width: 25%;」を設定してもうまく調整できない。おかしいなぁ。

そこで、「table-layout: fixed;」というワザを使ってみました。

※tableセレクタには横幅の指定が必要です。

表示はこんな感じ。

1 2 3 4
AAAAA BB CCC DDDDDD

まとめて設定できて便利なので、ぜひ使ってみてください。