css 使图像推过文本

Question

我一定是休息日，我被 css 弄糊涂了。

我有一张可能存在也可能不存在的图像。使用最少的标记，我想推过整个文本 block ，这样如果它太长它就不会换行在图像下面。通常我只会 float 图像并使用设置的边距，但由于有时图像不存在，我想要一个更灵活的解决方案。也许这个插图会有所帮助。

如果没有额外的标记或动态使用两个不同的类，我想不出任何方法来做到这一点。我尝试过的大部分内容都涉及 float 一个或两个元素。 p 没有设置长度，因此在某些情况下将 padding-bottom 放在 img 下是不够的，或者如果 p 太短会导致不必要的空间。有什么建议吗？

编辑:这是 Mark Adams 提供的一个 jsfiddle，但它几乎就是我停留的地方。

JSFiddle

Answer 1

你不能让图像向左浮动吗？还是我遗漏了您的问题？

像这样:

http://jsfiddle.net/cGQ6K/

编辑 - 或者如果段落或类似内容溢出，您是否希望图像消失？

edit2-在我的 jsfiddle 中向我的段落添加更多文本后，我想我现在明白你的意思了......我会尝试找出解决方案

edit3 - 这是您想要的解决方案:http://jsfiddle.net/cGQ6K/7/不过它使用了一些技巧。