css - css 使图像压在文本上

Question

我一定要休息一天，我被css弄糊涂了。

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

在此处输入图像描述

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

编辑：这是由 Mark Adams 提供的 jsfiddle，但这几乎是我所困的地方。

score 2 · Accepted Answer

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

像这样：

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

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

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

score 0 · Accepted Answer

我不知道您为什么会遇到问题，因为 Mark Adams 示例有效，但我相信在某些情况下我们可以使用“clear” CSS 属性来解决。

我们最常使用“clear:both”，但您可以为图像尝试“clear:right”或“right”。

2 回答 2