colspan使用時のテーブル列幅指定について

colspan使用時のテーブル列幅指定が利かない時の解消法。


『table-layout』で解決！


※table要素の幅を指定する必要がある
※列幅を指定しないと、すべての列幅が均等になる
※Safari、Google Chromeでは、列幅が指定した値よりも若干狭くなる


table {
width: 500px;
table-layout: fixed;
}

table th {
width: 20%;
}

table td {
width: 80%;
}