colspan使用時のテーブル列幅指定についてホームページ制作に役立つ無料素材やWEBデザイン等のメモ帳

ホームページ制作に役立つ無料素材やWEBデザインに関する自分のためのメモ帳です。

スポンサーサイト

上記の広告は１ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

| -------- |
スポンサー広告
|

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

『table-layout』で解決！

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

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

table th {
width: 20%;
}

table td {
width: 80%;
}