CSS的float屬性可以用來(lái)讓圖片實(shí)現(xiàn)浮動(dòng)，使得圖片與其他元素協(xié)調(diào)地排版。具體來(lái)說(shuō)就是通過(guò)設(shè)置圖片的float屬性為left或right，使圖片浮動(dòng)在文本的左側(cè)或右側(cè)。

img {
float: left;  /*或 right*/
margin: 0 10px 10px 0;  /*設(shè)置圖片與周?chē)氐拈g隔*/
}

上面的代碼中，將圖片浮動(dòng)到左側(cè)時(shí)，使用了float: left;將圖片浮動(dòng)到右側(cè)時(shí)，使用了float: right;。同時(shí)，給圖片設(shè)置了一個(gè)外邊距，使得圖片周?chē)@示出一定的空隙。

需要注意的是，圖片浮動(dòng)后會(huì)脫離文本流，所以需要設(shè)置它的寬度和高度，以確保其他文本或元素不會(huì)占據(jù)浮動(dòng)圖片的位置。

img {
float: left;  /*或 right*/
margin: 0 10px 10px 0;  /*設(shè)置圖片與周?chē)氐拈g隔*/
width: 200px;  /*圖片的寬度*/
height: 150px;  /*圖片的高度*/
}

上面的代碼中，設(shè)置了圖片的寬度和高度為200px和150px，這個(gè)具體的數(shù)值視情況而定，可以根據(jù)實(shí)際需要進(jìn)行調(diào)整。

除了浮動(dòng)圖片外，還可以通過(guò)設(shè)置為inline-block屬性實(shí)現(xiàn)圖片的垂直排列。具體來(lái)說(shuō)就是給圖片設(shè)置display: inline-block;屬性：

img {
display: inline-block;
margin-right: 10px;
}

上述代碼中，將圖片設(shè)置為inline-block屬性，可以讓圖片在同一行內(nèi)，通過(guò)設(shè)置margin-right屬性為10px，同樣可以讓圖片與周?chē)禺a(chǎn)生一定的間隔。