リクエスト広場

表組みに画像を挿入したとき、画像が微妙に上部に寄ってしまわないようにしてほしい

5 コメント
views

タイトルの通りです。
表組みの中にattachrefを使用して画像を張り付けると、CENTER:で中央ぞろいにしても微妙に上側に寄ってしまうのが気になります。
例↓
画像1

細かいところですが、修正していただけるとうれしいです。

名前なし
作成: 2024/04/27 (土) 22:06:06
最終更新: 2024/04/27 (土) 22:14:05
通報 ...
1
もちチーズ 2024/05/04 (土) 11:34:50

記入ミスかもしれませんが、表組みの上下中央揃えはMIDDLE:ではないですか?

2
名前なし 2024/05/05 (日) 17:54:29 9e9f0@0cf33 >> 1

MIDDLEだと横方向にセンタリングされないのでCENTERであってると思います。
https://wikiwiki.jp/sample/表組み

3
名前なし 2024/05/07 (火) 13:07:56 87532@280ad

いやCENTER:MIDDLE:って感じで両方入れればいいんよ
それぞれ横と縦と役割がハッキリ決まってるから両方揃えたかったら両方指定する必要があるわけ

4
名前なし 2026/01/09 (金) 19:54:42 修正 19cb6@5c0b9

二年前のトピックのようですが、私も困っていたので横から失礼します。

実際に試せばわかると思いますが、CENTER:MIDDLE:だろうがMIDDLE:CENTER:だろうが何を指定しても指定しなくても上に寄ります。
そもそも表内ではデフォルトでLEFT/MIDDLE指定になっており、あくまでc行でTOP等を指定したときに一部を例外的にMIDDLEにするための機能という認識です。

ではなぜこの問題が起きるのかという話ですが、添付した画像の下側に1割ほど謎の余白が追加されることが原因です。
背景が白以外の画像を貼り、ブラウザの範囲選択をして強調表示(こういうやつ)にすると余白があることがわかります。
表がこの余白を含めた大きさで画像を表示しているせいで、下が空く=上に寄るというわけです。

というわけで、この謎の余白を追加しないようにできればこの問題は解決するはずです。
よろしくお願いします。

5
はやし 2026/01/10 (土) 13:27:40 70b72@f53e0

下部に余白が生じる原因は、スタイルシートのimg.vertical-alignの設定がbaseline(デフォルト値)になっているためと思われます。
文章中に小さな画像をアイコンとして挿入した際に上へズレる原因にもなっているので、この設定をbottomなどに変えてほしいです。
画像1

要望は具体的な提案や理由を書いて下さい。
×