画像を横並びで表示する方法


ご注意!

CSSやHTMLに関するお問い合わせはサポート対象外となります。
カスタマイズにつきましては上級者向けの機能となりますので、CSSやHTMLなどの詳細な使用方法やご不明な点などは、書籍やネット記事などをご参照いただき、お客さまの責任のもと、ご利用いただきますようお願いいたします。

画像を横並びに掲載する際、「通常エディタ」モードでは、画像の位置を「左寄せ」にして、画像タグの幅【width】と高さ【height】を記事本文の幅に合わせて調整してください。

画像の位置
横並び.png

画像タグ変更箇所
HTML

<a href="https://~.jpg" target="_blank"><img border="0" alt="画像" src="https://~.jpg" width="360" height="240" ></a>



画像の幅の合計が記事本文の幅を超えると自動的に次の行に改行されて表示されます。
横並びに掲載する場合は、画像の幅の合計が記事本文の幅に収まるようにしてください。

また、画像は縦横の比率が変わると、見た目が変わって表示されることがありますので、
サイズを変える際は比率を変更しないようご注意ください。
※デザインテンプレートによっては、横幅と縦横比を優先して表示するものもあります。

縦横比が元の画像と同じ場合
画像.png

縦横比が元の画像と異なる場合
画像.png


「リッチテキスト」モードにて掲載画像のサイズを変更する場合は、下記URLのページをご参照ください。

●リッチテキスト - 画像の掲載方法(パソコン版)
https://support.at.webry.info/201907/article_kiji_001.html#gazoupc1-2



関連リンク

●画像の掲載方法(パソコン版)
https://support.at.webry.info/201907/article_kiji_001.html
●基本的なタグ・プロパティ
https://support.at.webry.info/202009/article_design_017.html
●ブログの更新内容が反映されません
https://support.at.webry.info/201907/article_settei_019.html

問合せ.png 問題が解決できない場合

操作方法で問題が解決できない場合は、こちらからご連絡ください。
※CSSやHTMLに関するお問い合わせはサポート対象外となります。