Css 浮动流体图像不带文字环绕

这没有理由难以实现。回到过去，您可以创建一个表，将图像放在第一个单元格中，将文本放在第二个单元格中。容易极了

出于某种原因，我花了很长时间来处理css，我对css非常熟悉。我肯定我忽略了一个希望很简单的答案

我希望实现的目标是：

• 动态大小（从数据库中提取）图像浮动到左侧-当达到图像高度时，描述文本浮动到右侧，图像下方没有外包装

什么不起作用：

• 在文本上设置左边距（图像宽度不一致）
• 在文本上设置宽度/右浮动（同样，图像宽度是动态的，因此文本上的正确宽度未知）

示例代码（css之前）：

知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡

希望有答案

---

谢谢大家!

我认为这在纯css中是不可能的，因为您有一个动态属性

---

使用javascript计算img宽度，然后您可以找到文本的宽度（前提是#demo容器的大小是固定的）。通过js设置宽度并使用css:

最简单和最好的方法就是设置固定的图像大小。只要扩展这些，这将是大多数情况下改善布局和外观和感觉你的网站。如果你真的需要在没有为文本块或图像块设置固定宽度的情况下使用它，我现在真的不知道答案，对不起

---

我现在能想到的唯一方法就是使用javascript改变文本的宽度。。。尽管如此，这仍然是一个有趣的问题。

这里是您问题的解决方案（

p{overflow:hidden}

）

---

天哪，我真不敢相信这有那么容易。。。我知道我错过了什么。非常感谢你。。我希望我能投赞成票，但我需要更多的代表分数=/嗨，那么，嗯，想知道你是否能解释一下为什么这样做？这真的没有道理。。hehThis可以工作，但它不允许文本在图像上垂直居中，或者图像在文本上垂直居中（取决于哪个更高）。令人遗憾的是，唯一可靠地垂直居中的方法就是使用表格。@rkingon:似乎可以解释itI正在讨论使用java，甚至在cms中存储图像宽度，然后提供内联css。。。然而，似乎有一种方法。。。溢出：隐藏；在文本上。成功了！

<div class="demo">
    <img src="dynamic_sized_image.jpg" />
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>