包装浮动图像时的文本块宽度

时间:2012-09-05 10:24:53

标签: javascript html css

在包装浮动图像时,我遇到了文字宽度问题。这是描述问题的好图片:

What I got

这家伙发布了一首诗,但他的文字格式被打破了。他的文本应该是这样的:

What I expect

我已经知道这个问题的根源了。这是因为文本块开始图片后面,而文本环绕图片文本块增长更长,文本保持在相同的边界,就像根本没有图像一样。这是一个示例小提琴:http://jsfiddle.net/czqGk/3/我还在JavaScript中添加了解决方案文本块的宽度补偿。

我正在寻找不使用JavaScript的解决方案。设置用户帖子的最小大小,或者设置另一个静态宽度是不可接受的。宽度应该是动态的,取决于内容。有任何想法吗? :(

1 个答案:

答案 0 :(得分:1)

在较长的文本中定义图像似乎可以解决问题;这是一个小小的演示:little link