gyykgkw https://blog.hatena.ne.jp/gyykgkw/ 東海道・山陽三十五次 https://blog.uswapa.com/ その他-日常-ひとりごと(雑多系日記) その他-メモ その他-日常 その他 経緯 原因 解決方法 CSS変更 おわり 経緯 本日投稿した江ノ電の記事では、今までとはちょっと趣向を変えて、編成や行先に関する情報を表にまとめてみました。が、画像と表の間隔が開きすぎているのが気になります。表の下にも同じくらいの余白があるので、どの表がどの画像に対応しているのか分かりにくい。これを何とかしようといろいろ調べた結果、はてな記法のうち「pタグ停止記法」を使う方法に落ち着きました。 原因 はてなブログでは、はてな記法で画像を挿入した場合*1、画像がpタグの中に入れられる仕様になっているようです。当ブログでは記事中のpタグに一律で上下の余白を設定していたため、それが画像にも適用されて… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.uswapa.com%2Fentry%2F2020%2F05%2F26%2F232525" title="はてなブログのpタグ停止記法を使い、表と画像の間隔を詰める - 東海道・山陽三十五次" 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/g/gyykgkw/20200526/20200526232018.png Hatena Blog https://hatena.blog 2020-05-26 23:25:25 rich https://blog.uswapa.com/entry/2020/05/26/232525 1.0 100%