livedoor ナレッジ

連続した画像を縦に並べたいのですが…

livedoorブログで記事の中に連続して画像をはると横へ横へと画像が続いてしまいます。

縦に一枚ずつ載せたいのですが、今やってる対処法としてはただ重ならないようにスペースをたくさん入れてます。

ＰＣで閲覧すれば綺麗にできてるのですが携帯から閲覧すると長く空欄ができてしまいます。
スペースを入れなくても縦に綺麗に整列させるいい方法はないでしょうか？

よろしくお願いします。

livedoor Blogでは、記事に入れた画像に自動的に、画像を左に寄せ、続く文字や画像をその右側に回り込ませるHTMLタグが付きます。

このため、画像を続けた場合、横にずっと続いてしまいます。

挿入した後に、回り込ませないようにするには、いくつか方法がありますが、2つ紹介します。

どちらも、HTMLタグをいじる必要がありますので、
WYSIWYGエディタの場合は、投稿入力欄の下の「HTMLを確認」にチェックを入れて、HTMLを表示する状態で作業します。
もちろん、エディタとして「シンプルエディタ」を選んで作業しても構いません。

●　まず、HTMLタグから、文字を右に回り込ませる部分を削除する方法です。

画像のHTMLタグ

<img src="http://　～　 />

の中から

align="left"

を削除してください。
（その後は、「HTMLタグを確認」のチェックを外してください。）

画像が普通の1文字のような配置の仕方になります。
画像を続けた場合、記事の表示欄の幅が十分なら、先程の画像の横に来ます。
狭ければ、下に来ます。
改行を一回するだけで、次の画像が下に並びます。

●　もう一つは、後から、回り込みの機能を解除する方法です。

これは、始め、文字を回り込みさせ、途中から画像の下に行かせたいという場合にも使えます。
画像のHTMLタグの後（>の後）、あるいは、文章の区切りの後に、

<br clear="all">

と入れてください。
（その後は、「HTMLタグを確認」のチェックを外してください。）

これは、回り込みの機能を解除し、改行するものです。
この後に続けた、文字や画像は、前の画像の下に行きます。


「HTMLを確認」のチェックは、投稿内容を確認する前に外してください。
チェックしたままでは、内容が消えてしまったり、うまく行かない時があります。