table-layout
table-layout は表の横幅を固定とするか可変とするかを指定します。
- 値
- auto, fixed
- 初期値
- auto
- 対象
- table 要素、inline-table 要素
- 継承
- しない
- CSS レベル
- CSS 2.1
値の詳細
- auto
- テーブルの列幅を自動で決定。セルの中身の幅によってそれぞれの列幅が変動します。セルに width が指定されている場合はその数値に従って幅を取りますがセルの中身が指定幅を超える場合はそれに合わせて広がります。
- fixed
- 表の一行目を読み込んだ時点で表全体および各列の幅を決定し二行目以降もそれに沿った幅で表示。二行目以降のセルの中身が多い場合、列幅に収まりきらない可能性もあります。
サンプル
table {
table-layout: fixed;
}