戻る

セル幅固定 その1

1行目のセル幅を固定。

width="100" width="200"
2行1列目。この列の中身が大きいが、固定されている。 2行2列目。この列の中身も大きいが、固定されている。

セル幅固定 その2

一つのセル幅(一つの列幅)だけを固定する。他の列は中身に応じて広がる。

width="100" 1行2列目
2行1列目。この列の中身が大きいが、固定されている。 2行2列目。この列の中身が大きいが、固定されていないため。大きくなる。

セル幅固定 その3

1列目を固定するが、1行目と2行目で幅が違う。大きい方(2行目)に固定される。

width="100" 1行2列目
width="200" 2行2列目

セル幅固定 その4

テーブル幅を width="200" とし、2行1列目の方が大きい場合、テーブル幅(200)が優先される。

width="100" 1行2列目
width="300" 2行2列目

セル幅固定 その5

テーブル幅を width="200" とし、1行目2列目と2行1列目の方が大きい場合、テーブル幅(200)が優先され、各列はほぼ3:4になる。

1行1列目 width="400"
width="300" 2行2列目

セル幅 % 指定 その1

テーブル幅を width="300" とし、それに対する割合。

width="30%" 1行2列目
2行1列目 2行2列目

セル幅 % 指定 その2

テーブル幅を指定してない場合、自分の割合を基準に、他の列幅を決定する。

width="30%" 1行2列目
2行1列目 2行2列目

セル幅 % 指定 その3

テーブル幅を指定してない場合、自分の割合を基準に、他の列幅を決定するが、画面幅に対する割合以上には広がらない。

width="30%"。だたし、この列の中身が大きい場合でも、画面幅に対しての割合までしか広がらない。 1行2列目
2行1列目 2行2列目

セル幅 % 指定 その4

テーブル幅を width="100%" として、各列の幅の合計が 100% を超える場合、最初にある列の指定が優先され、100% を超えた以降のセルは最小幅になる。

width="30%" width="100%"
2行1列目 2行2列目

セル幅 % 指定 その5

テーブル幅を width="100%" として、各列の幅の合計が 100% を超える場合、最初にある列の指定が優先され、100% を超えた以降のセルは最小幅になる。

width="30%" width="100%"。この列は中身が大きいが、width の指定を満たすことが出来ない。ただし、出来るだけ大きくなる。 width="50%"。この列の分の大きさは残されていない。
2行1列目 2行2列目 2行3列目

セル幅 % 指定と固定 その1

テーブル幅を width="100%" として、1行1から2列目を連結し width="70%" とした場合、2行目の1列目と2列目の比率は、最大幅の比率となる。2行1列目は 250 で2行2列目は文字幅(70 くらい)なので、それぞれの列の幅は、その比率となる。

width="70%" 1行3列目
width="250" 2行2列目 2行3列目

戻る