Css 图像浮动文本并清除所有内容？

总是一样的结构

图像（带浮动：左）文本 图像（带浮动：左）文本 图像（带浮动：左）文本 图像（带浮动：左）文本

但是，如果文本不够长，则下一个图像会一次又一次地浮动。 我总是希望一个图像旁边有一点文字浮动。然后，应该有一个休息和相同的再次。然而，由于cms，我没有真正的休息。我想用css来设计它

我试着给每一张图片都设置一个清晰的：两者都适用，但这不起作用

你知道我怎样才能做到吗。 目前，每个img都有：

img {
float:left;
clear:both; /*doesn't do anything*/
}

---

clear

必须出现在不应再浮动的第一个元素中。因此，在一个元素上同时使用

float

和

clear

可以消除自身的缺陷。

尝试在图像上使用

clear:left

：

<style>
    img {
        float:left;
        clear:left;
    }

    p {
        float:left;
    }
</style>

<img src="http://dummyimage.com/300" alt=""><p>text</p>
<img src="http://dummyimage.com/300" alt=""><p>text</p>
<img src="http://dummyimage.com/300" alt=""><p>text</p>
<img src="http://dummyimage.com/300" alt=""><p>text</p>

img{
浮动：左；
清除：左；
}
p{
浮动：左；
}
正文

正文

正文

正文

---

这将防止图像在左侧出现任何内容，迫使它们进入新行。

否。。。不是真的。“清除”将强制图元有效忽略其左侧或右侧（或两者）的浮动图元。你可以发布一个你的html的例子吗。我假设您在一个

中有多个img标签，这就是此方法不起作用的原因。有了一些标记，更有可能有人会有一个好主意：）