2013年7月20日土曜日

Bloggerで画像の回り込みを制御する

Bloggerで画像の回り込みの解除方法を探すと、こんな記事が見つかります。

Bloggerの記事で画像の回り込みを解除



<div style="clear: both;"></div>

とタグを打つことで、文章の途中から
いつでも回り込み解除できるよ、という解説ですね。



ですが実際にブログ記事を書く時は、

画像の回り込みをさせたまま文章を書くか、
最初から回りこみなしで文章を書くか、

の2択ではないでしょうか。
ググっても、Blogger自身の機能でこの違いをコントロールする方法のことを
解説してある記事は見当たりませんでした。



実は、Bloggerではこの2つを、HTMLタグなど打たずにコントロール可能です。





このように編集画面で画像を貼り付けると、デフォルトで中央表示となっています。





画像を選択して、画像下部に現れたメニューのを押すと…






このように、文字が回りこみます。





さきほどの画像中央の状態で、上部にあるメニューの文字揃えで左揃えにすると…






回りこみは発生しません。


どうしてほぼ同じような操作で結果が違ってしまうのかわかりませんが、
とにかくこれを知っていれば、画像の回り込みで苦労することはなくなるでしょう。

0 件のコメント:

コメントを投稿