新しいブログを使ってみて・・

本日ようやく新しいブログを動かしました。
ワードプレスという、今流行りのCMSです。

ここで、過去の撮影日記を掲載していこうと思います。

いつも通りに画像を挿入してみると・・

横並びになってしまいました。(スクリーンショットありません。ごめんなさい!)

ブラウザの幅を縮めると当然のように縦1列になるのですが・・

テキストモードで画像と画像の隙間で改行して事なきことを得ました。

しかし・・

文章を画像の間に入力して投稿すると・・

投稿後

画像の横に文章が回り込んでしまっています!

今までのMovabletypeでは無かったことで困りました。

とりあえず対処法を探してみたところ、ここに書かれていました。

画像の下に【clear: both;】を挿入すればいいようです。

このタグは【float:left】でdiv要素を横並びにしたのちに、解除するのによく使いますね。

しかし毎回毎回これを挿入するのは面倒なので、いい方法ないかか探ってみたいと思います。。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です