文字の回りこみについて

> 文字の回りこみをしている記事がありました。

この文から、回り込みさせないのが正しい姿とわかるんですが、その時の画像サイズは現在貼り付けてある画像のサイズのままですか？

画像画像
画像画像
文章 文章 文章 文章 文章 文章

こういう形になればよいのであれば、単純に、画像のclass(あるいはそれらを囲むブロックのクラス)からalignleftを外せばよいだけです。

[img src=”http://gomalog.matrix.jp/gomalog/wp-content/uploads/2015/04/IMG_0913-400×300.jpg” alt=”IMG_0913″ class=”alignleft size-medium wp-image-3996″ height=”300″ width=”400″]

現在↑のようになってますが、

[img src=”http://gomalog.matrix.jp/gomalog/wp-content/uploads/2015/04/IMG_0913-400×300.jpg” alt=”IMG_0913″ class=”size-medium wp-image-3996″ height=”300″ width=”400″]

これで回りこみは起きません。

.alignleftはそのプロパティにfloat:leftと言うのをもってます。なので、画像の回りに文字が回りこむわけです。どうせ左に表示で回り込みが必要ないなら、alignleft自体を取ればそれで解決です。

ここで、最初に聞いたように、画像のサイズを横100%にしたいとか、何かしら現在の表示と違う形が正解の場合はまた別の方法を用いる必要があります。

Hidekichiさま

ありがとうございます。alignleftはメディアから画像を挿入するときに選択して挿入していたためだと思います。すべての記事のalignleftをはずすのは大変なのでですが、何かいい方法はありませんでしょうか？
また、過去のバージョンでは問題ありませんでした（現在1.8.8です)が、どこか仕様がかわったのでしょうか？

以前「Iphoneで横スクロールがでてしまう。」という質問をさせ頂いたときも画像の左寄せが原因でわいひさ様に不具合として修正して頂いたことがありました。今後も画像寄せは使わないほうがいいのでしょうか？

アドバイスいただけましたら幸いです。よろしくお願いいたします。

わいひら様

ありがとうございます。詳細にありがとうございました。

恥ずかしながら、添付ファイルの配置設定の「左」というのを、画像を左によせるという意味（画像が左によるだけで回り込みは等は変わらない）だと思っていました。
Simplicityを使わせて頂いて１年近くになりますが、いままでそのような現象がなかったためそのように思ってしまいました。
テーマは関係ないということで、大変申し訳ありませんでした。
現在のままテーマを1.8.8から1.3.5に戻すと、文字が回り込まないため仕様が変わったのかと勘違いしてしまいました。原因がなぜなのか私にはわかりませんがもう少し考えてみたいとおもいます。

ありがとうございました。

わいひら様

アドバイスいただいたようにimg.alignleftをfloat: leftしました。
ありがとうございました。

今後もよろしくお願いいたします。

だいどら

全ての画像においてalignleftが必要ないということなのであれば、jQueryで可能ですが、中にはalignleftが必要になるというものがあった場合は例外を作らないといけません。
そのあたりはどうでしょうか？

全ての画像でalignleftが不要な場合は、

サンプル: 任意のセレクタのクラスを取り除く | jsFiddle

こんな感じで該当するセレクタのclassを取っ払えば良いのではないかと思ったり。

もしくは

#the-content img.alignleft {
  float: none;
}

こんな感じで記事の中のimgだけはalignleftからfloatをキャンセルさせるという感じでもいけるかも知れません。floatしないことによるデザインの崩れみたいなものは別途スタイルする必要があるかも知れませんね。