[意外と知らないCSS]テーブルの列幅を均等にするtable-layout:fixed | Cappee Designあとで読みたい人は… 去年花粉症デビューした、@cappeeです。 いつまで続くかわからない意外と知らないCSSシリーズ第１弾です。 デフォルトだと自動レイアウトになっているため、セル内の文字数などによって自動的に列幅が調整されてしまいますが、table-layout:fixed を指定すると列幅を固定して均等にすることができます。 table-layout の説明 table-layout:fixed; テーブルの列幅を固定レイアウトにして均等にします。 table-layout: auto; デフォルトの値です。自動レイアウトでセルの内容によって列幅が調整されます。 table-layout:fixed の記述例 table { width: 100%; table-layout: fixed; } tableセレクタには横幅の指定が必要です。 table-layout:fixe
