IMG与自动换行问题对齐?

时间:2012-09-24 23:14:47

标签: html css alignment word-wrap

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

Jsfiddle

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

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

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

2 个答案:

答案 0 :(得分:0)

如果我理解你想要将图像完全包裹在图像周围,我不明白这是怎么回事。您可以向左或向右浮动图像。不幸的是,没有浮动:中心使你的布局看起来更像'杂志'。您需要将文本拆分为两个并重新编码,如下所示:http://www.alistapart.com/d/crosscolumn/example4.html

答案 1 :(得分:0)

刚刚为你做了一个例子: http://jsfiddle.net/HBsxK/1/

带有图像的绿色和红色段落。两者都是相同的,但文章内部段落不同。

上一个(绿色)是你的意思吗?

较低的一个与你的小提琴有同样的问题:文本没有单词分隔符(空格),它没有有意义的单词(浏览器如何知道,如何以有意义的方式连字或断开“dgkl; fgdkl ; fdgkl; fgdk; fdgk; dfgskljfdgjkldfgk; dfgsk; dfgskfdgkfgdkl; fgjd; flkgjdfgdfgsdfgjkdfgjdfgdfgdfgjfdgsjf“因为人类无法知道。”