当浮动图像超过一定宽度时，如何使用 CSS 将文本向下移动？答案

【问题标题】：Using CSS how do you move text down when a floated image is above a certain width?当浮动图像超过一定宽度时，如何使用 CSS 将文本向下移动？
【发布时间】：2011-01-29 16:31:21
【问题描述】：

我有一个带有向左浮动图像的文本块。图像可以具有可变宽度。如果图像说大于块宽度的 2/3，我希望文本下拉到图像下方，但如果不是，我希望它在图像旁边。

如果重要的话，所有这些都在 Drupal 中。

【问题讨论】：

标签： css image drupal css-float

【解决方案1】：

我认为您可以将文本放在 div 和 float:left 中。 . .并使div 的宽度为1/3 包含块的宽度。这样你就可以确定你不会有一个> 2/3 的图像在它旁边的块的宽度。

【讨论】：

当然，文本不会环绕您的图像，如果有空间，它只会出现在它旁边的一个块中，否则会出现在它的下方。但听起来这就是你想要的。
是的，但是如果图像小于 2/3 宽度，那么文本将只有 1/3 宽度，当然，正如您所说，它不会环绕。
是的，也许将文本块的min-width 设置为1/3 会更好，这样它就可以大于但不能更小。但是，如果您不希望文本在其自己的块中而是环绕图像，那么我想不出用纯 CSS 来实现它的方法……但是您可以使用 JavaScript 来获取图像，并相应地重新定位。