このjsfiddleで私のコードを見てください。テキストが画像を囲んでいないのはなぜですか? そこにワードブレークコードがあります。置く場所を間違えたのか、それとも?
私の知る限り、コード内でこれらの2つのワードラップを使用しています...
style="word-wrap: break-all;"
style="word-wrap: break-word;"
例を挙げてください:http: //jsfiddle.net/HBsxK/1/
画像付きの緑と赤の段落があります。どちらも同じですが、段落内のテキストが異なります。
上の方(緑)はあなたが意味するものですか?
下の方には、フィドルと同じ問題があります。テキストには単語の区切り(スペース)がなく、意味のある単語もありません(ブラウザの認識方法、「dgkl; fgdkl; fdgkl; fgdk; fdgk; dfgskljfdgjkldfgk; dfgsk; dfgskfdgkfgdkl; fgjd; flkgjdfgdfgsdfgjkdfgjdfgdfgdfgjfdgsjf "人間が知ることができないため)。
画像の周りにテキストを完全にラップしたいというあなたの希望を私が理解している場合、これがどのように可能かわかりません。画像を左または右に浮かせます。残念ながら、レイアウトをより「雑誌のように」見せる float: center はありません。テキストを 2 つに分割し、次のように再コーディングする必要があります: http://www.alistapart.com/d/crosscolumn/example4.html