table-layoutで表のレイアウト方法を指定【CSS】

table-layoutプロパティは、テーブル（表組み）のレイアウト方法を指定するプロパティです。

このプロパティを指定することで、テーブルの列幅を決定する方法が変わります。

関連記事
『tableなど表(テーブル)をつくるときの要素まとめ【HTML】』

値の指定方法

table-layoutプロパティでは、以下のような値を指定できます。

auto

autoを指定すると、列幅はテーブルの幅とセルの内容に合わせて自動的に調整されます。

fixed

fixedを指定すると、列幅はwidthプロパティで指定した値で固定されて表示されます。

指定がない列幅は、表組みの残りの幅に合わせて均等に配置されます。

たとえば、table-layoutプロパティを指定せずに表組みをすると次のようになります。

同じ表組みにtable-layoutプロパティでfixedを指定すると次のようになります。

表はwidthで幅を指定していないので、列幅は均等になります。