colspan使用時のテーブル列幅指定について
colspan使用時のテーブル列幅指定が利かない時の解消法。
『table-layout』で解決!
※table要素の幅を指定する必要がある
※列幅を指定しないと、すべての列幅が均等になる
※Safari、Google Chromeでは、列幅が指定した値よりも若干狭くなる
table {
width: 500px;
table-layout: fixed;
}
table th {
width: 20%;
}
table td {
width: 80%;
}
『table-layout』で解決!
※table要素の幅を指定する必要がある
※列幅を指定しないと、すべての列幅が均等になる
※Safari、Google Chromeでは、列幅が指定した値よりも若干狭くなる
table {
width: 500px;
table-layout: fixed;
}
table th {
width: 20%;
}
table td {
width: 80%;
}