html - 保持文本内联

Question

我有一个 float 到左侧的图像，然后是图像右侧的一些文本。然而，文本的长度刚好足以让一行段落位于图像下方。如何使此文本与段落保持一致并使其不环绕图片？

Answer 1

如果您不想知道和设置任何宽度，您可以通过 establishing a new block formatting context 来完成用于文本容器。

即对于标记:

<img src="image.jpg">
<p>Some text

您需要做的就是给出 <p>元素溢出而不是“可见”。例如:

p { overflow:auto; }

在 <img> 上使用一点 margin-right将文本与图像分开。