ロビーのほほ笑み さんが 3月21日のブログ で表に写真を入れている。(右図)
チョッと気になったのが、写真2と写真3の下にある文字列が「中央揃え」になっていない、何故だろう...
原因を推定してみた。
- 2列 3行の表である。
- 1列目の表の幅は、
- 写真1の幅は 247px.
- 写真4の幅は 230px.
- 従って、写真1が収まる幅になっている。
- 2列目の表の幅は、
- 写真2の幅は 180px.
- 写真3の幅は 180px.
- 写真5の幅は 230px.
- 従って、写真5が収まる幅になっている。
結論
- “ささげご飯1”、“ささげご飯2” は中央揃えになっている。
- 写真2および写真3が左寄せになっているだけ。
- 背景に色が付いているので、よく見ると判る。
ではどうするか‥‥
- 1行2列目は次のように入力してあると推定される。
|[写真2]<center>ささげご飯1</center>[写真3]<center>ささげご飯2</center>|
- 改(全体を中央揃えにする)
|<center>[写真2]<br>ささげご飯1<br>[写真3]<br>ささげご飯2</center>|
手を抜くには
- 写真5の幅を 180px.にする。
- 表を分割する。
- 今は次のようになっているはず‥‥
|写真1|写真2<br>写真3|
|写真4|説明文|
|説明文|写真5| - 1行目と 2行目の間に空行を入れる。(空行で分割出来ない時は、全角空白を入れる)
|写真1|写真2<br>写真3|
(空行、または全角空白行)
|写真4|説明文|
|説明文|写真5|
- 今は次のようになっているはず‥‥
試してはいないが、一度、挑戦してほしい...