HTMLのテーブルの列幅をtable-layoutプロパティで均等にする

<table>タグにwidthで横幅が指定されている場合に、table-layoutプロパティを使うと各列の幅を均等にすることができます。

CSS

table {
  width: 100%;
  table-layout: fixed;
}

表示例

table-layoutの値の種類
説明
auto列幅が自動で決まる(初期値)
fixed列幅が均等になる

table-layout: fixed;を指定したことで、横幅が均等になっていることが確認できます。
ここでは、<table>タグに直接style属性を指定しています。