PointHeart https://blog.hatena.ne.jp/PointHeart/ ホラーもっとマガジン｜怖い話・ホラーゲーム・都市伝説 https://www.pointheart.net/ 雑記 雑記-ブログ ブログメモ 普通にブログに画像を掲載すると左に寄ってしまう。表示幅に沿う画像サイズであれば問題ないが、小さな画像だと右に余白が出てしまい記事全体のバランスが悪くなってしまう。 今回は面倒なCSSでの編集なしで、HTMLのみで画像を中央に寄せる方法を簡潔に解説。 画面を中央に配置する手順 1.はてなブログ「記事を書く」の編集画面で中央に配置したい画像を記事に投稿する。 2.編集画面上部の「HTML編集」を選択する。 3.中央に配置したい画像を探す。 4.指定の画像HTMLの<p> ・</p>を以下のコードに差し替える。 5.画像が中央に配置されるのを確認できればOK。 HTMLによる画像の配置場… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.pointheart.net%2Fentry%2Fhow-to-center-the-image-hatena" title="【HTMLのみで】ブログで画像を中央に配置する方法／はてなブログ - ホラーもっとマガジン｜怖い話・ホラーゲーム・都市伝説" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/P/PointHeart/20210717/20210717212200.jpg Hatena Blog https://hatena.blog 2021-08-21 18:00:00 rich https://www.pointheart.net/entry/how-to-center-the-image-hatena 1.0 100%