请在这个 jsfiddle 上查看我的代码。为什么文字没有环绕图像?我那里有分词代码。是我放错地方了还是怎么了?
据我所知,在我的代码中使用这两个自动换行...
style="word-wrap: break-all;"
style="word-wrap: break-word;"
如果我理解您希望将文本完全包裹在图像周围,我不明白这是怎么可能的。您可以向左或向右浮动图像。不幸的是,没有 float: center 让您的布局看起来更像“杂志”。您需要将文本分成两部分并重新编码,如下所示:http ://www.alistapart.com/d/crosscolumn/example4.html
刚刚为你做了一个例子:http: //jsfiddle.net/HBsxK/1/
有带有图像的绿色和红色段落。两者相同,但段落内的文本不同。
上面的一个(绿色)是你的意思吗?
较低的问题与您的小提琴相同:文本没有分词(空格)并且没有有意义的单词(浏览器如何知道,如何以有意义的方式连字符或中断,例如“dgkl;fgdkl;fdgkl; fgdk;fdgk;dfgskljfdgjkldfgk;dfgsk;dfgskfdgkfgdkl;fgjd;flkgjdfgdfgsdfgjkdfgjdfgdfgdfgjfdgsjf”因为人类无法知道)。