javascript - 环绕 float 图像时的文本 block 宽度

标签 javascript html css

我在环绕 float 图像时遇到了一些文本宽度问题。这是描述问题的好图片:

What I got

这家伙发了一首诗,但他的文字格式有问题。他的文本应如下所示:

What I expect

我已经知道这个问题的根源了。这是因为文本 block 开始于图片后面,而文本环绕图片文本 block 不会变长,文本保持在相同的范围内,就像根本没有图像一样。这是示例 fiddle :http://jsfiddle.net/czqGk/3/我还在 JavaScript 中添加了如何对文本 block 进行宽度补偿的解决方案。

我正在寻找不使用 JavaScript 的解决方案。设置用户帖子的最小大小或设置其他静态宽度是 Not Acceptable 。宽度应该是动态的并且取决于内容。有任何想法吗? :(

最佳答案

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

关于javascript - 环绕 float 图像时的文本 block 宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12279345/

相关文章:

javascript - Jquery 'each' 不适用于 ajax 加载的 dom

java - JSoup总是超时

javascript - 如何让文本输入框光标在页面加载时自动闪烁?

javascript - 将 asp net linkbutton onclick 和 onclientclick 与 javascript 弹出窗口结合起来

javascript - window.resize() 函数并返回脚本执行的事实

Javascript:一个函数可以检查同一组中的各个复选框,并单独存储答案

html - 如何使用 CSS 让一个或多个元素填充剩余空间?

html - 光标和输出没有相同的颜色 css

javascript - 如何动态渲染ejs中输入的选定选项

javascript - 在通常放置 var 的地方使用 type 关键字是什么?