IMG与自动换行问题对齐?(IMG Align with word-wrap issue?)

请查看我在这个jsfiddle上的代码。 为什么文字没有环绕图像? 我在那里有wordbreak代码。 我把它放在错误的地方还是什么?

的jsfiddle

在我的代码中使用这两个单词包,据我所知...

style="word-wrap: break-all;" style="word-wrap: break-word;"

Please look at my code on this jsfiddle. Why is the text not wrapping around the image? I have the wordbreak code in there. Did I put it in the wrong place or what?

Jsfiddle

Is use these two word wraps inside my code, as far as I know...

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“因为人类无法知道)。

Just made an example for you: http://jsfiddle.net/HBsxK/1/

There are green and red paragraphs with an image. Both are the same, but the text is different inside paragraphs.

Upper one (green) is the one you mean?

The lower one has the same problem as with your fiddle: the text has no word breaks (spaces) and it has no meaningful words (how the browser knows, how to hyphenate or break in meaningful way something like "dgkl;fgdkl;fdgkl;fgdk;fdgk;dfgskljfdgjkldfgk;dfgsk;dfgskfdgkfgdkl;fgjd;flkgjdfgdfgsdfgjkdfgjdfgdfgdfgjfdgsjf" because human cannot know).

更多推荐