圖片怎么浮動(dòng)CSS？

在CSS中，我們可以使用float屬性來(lái)使圖片浮動(dòng)。float屬性可以將圖片定位在文本的左側(cè)或右側(cè)，并且使文本環(huán)繞圖片。

如果我們想要將圖片定位在文本的左側(cè)，我們可以這樣寫：

img {
  float: left;
}

如果我們想要將圖片定位在文本的右側(cè)，我們可以這樣寫：

img {
  float: right;
}

需要注意的是，如果圖片浮動(dòng)后需要回到原來(lái)的位置，可以使用clear屬性來(lái)清除浮動(dòng)。

img {
  float: left;
  clear: left;
}

代碼將使圖片浮動(dòng)在文本的左側(cè)，并且使圖片回到原來(lái)的位置。

我們還可以使用margin屬性來(lái)調(diào)整圖片與文本之間的距離。

img {
  float: left;
  margin-right: 20px;
}

代碼將使圖片浮動(dòng)在文本的左側(cè)，并且使圖片與文本之間的距離為20像素。

CSS的float屬性可以幫助我們輕松地實(shí)現(xiàn)圖片的浮動(dòng)效果，并且可以通過(guò)clear和margin屬性來(lái)調(diào)整圖片與文本之間的距離和位置關(guān)系。