HTML・CSS

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

2017/02/23

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

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

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

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

表示はこんな感じ。

1 2 3 4
AAAAA BB CCC DDDDDD

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

スポンサーリンク

スポンサーリンク

スポンサーリンク



フォローしていただけるとブログ更新をチェックできます

twitter facebook google
follow us in feedly

-HTML・CSS