画像がはみ出ていた

先日作ったホームページの記事(令和5年度の年金額の説明)をスマホで見てみたら、画像が横にはみ出ていて、ホームページ自体の横幅が画面以上に広がってしまい、ぐらついていることに気づきました。

対処法を検索して、画像の幅を縮めてみたり、幅を100%に指定し直してみたり、色々とやっても、どうしても右側にはみ出してしまいます。

あれこれと試した結果、最終的に、中央寄せの指定がダメなことが分かり、指定なし(左寄せのまま)にしたら直りました。

画像の横幅が大きいので、左寄せでも中央寄せでも幅いっぱいに表示されることになり、左右の余白に差は生じませんでした。ただし、画像の下に添えたキャプチャ(説明文)は左に寄ってしまいます。何となく嫌ですが、もうギブアップです。

ホームページ作りは楽しいと言えば楽しいのですが、ひとたびつまづくと本当に大変です。