まりふのひと

なてなダイアリー/「表」中の文字列が中央揃えにならない?


ロビーのほほ笑み さんが 3月21日のブログ で表に写真を入れている。(右図)
チョッと気になったのが、写真2と写真3の下にある文字列が「中央揃え」になっていない、何故だろう...

原因を推定してみた。
  1. 2列 3行の表である。
  2. 1列目の表の幅は、
    • 写真1の幅は 247px.
    • 写真4の幅は 230px.
    • 従って、写真1が収まる幅になっている。
  3. 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>|
手を抜くには
  1. 写真5の幅を 180px.にする。
  2. 表を分割する。
    • 今は次のようになっているはず‥‥
      |写真1|写真2<br>写真3|
      |写真4|説明文|
      |説明文|写真5|
    • 1行目と 2行目の間に空行を入れる。(空行で分割出来ない時は、全角空白を入れる)
      |写真1|写真2<br>写真3|
      (空行、または全角空白行)
      |写真4|説明文|
      |説明文|写真5|



試してはいないが、一度、挑戦してほしい...