HTMLで作成したテーブルの列幅が均等になるよう指定するには、CSSのtable-layoutプロパティを使えば良いだけなのでとても簡単です。すべてを均等に配分できるだけでなく、特定の列幅だけを任意のサイズに固定した上で、残りの列幅を自動で均等に割り振ることもできて便利です。 そこで今回は、HTMLのtable要素で作成した表の列幅を、CSSを使って自在に指定する方法をご紹介いたします。 【目次】 幅を計算しなくても自動で均等にできるtable-layoutプロパティ 均等配分例1:テーブル全体で均等な列幅を指定 均等配分例2:特定の列は横幅を固定し、残りに均等な幅を指定 table-layoutプロパティの値は、自動(auto)か固定(fixed)か テーブルの列幅を均等にするtable-layoutプロパティの書き方 備考:特定の列だけ横幅を固定したい場合の注意 列の均等表示例と具体的
![表の各列幅を均等にする](https://cdn-ak-scissors.b.st-hatena.com/image/square/e627047b386e84452f3bb836a4ee112cdfc6fa34/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F4%2F0%2F1%2F1%2Ftopimg_original.png)