在網(wǎng)頁設(shè)計中，文字與圖片的組合是常見的設(shè)計方式。通常情況下，文字和圖片是分開排列的，但有時希望文字能夠自動圍繞圖片排布，呈現(xiàn)更美觀的效果。這時候可以借助CSS文字圍繞圖片命令來實現(xiàn)。

CSS文字圍繞圖片命令是通過設(shè)置CSS的'float'屬性和'clear'屬性來實現(xiàn)的。當(dāng)我們將圖片的'float'屬性設(shè)置為left或right時，文字就可以自動圍繞在圖片的周圍。但是需要注意，如果周圍區(qū)域沒有足夠的空間，文字會被迫折疊在圖片下方。因此，需要對周圍內(nèi)容進行適當(dāng)?shù)恼{(diào)整。

/*實現(xiàn)文字圍繞圖片*/
img{
float:left; /*將圖片向左浮動*/
margin-right: 10px; /*設(shè)置右邊的邊距*/
}

另外，如果需要讓之后的內(nèi)容從新的一行開始，可以使用'clear'屬性來清除浮動效果。這個屬性有兩個值：left和right，表示清除左側(cè)或右側(cè)的浮動效果，而none則表示不清除任何浮動效果。

/*清除浮動效果*/
.clear{
clear:both; /*清除左側(cè)和右側(cè)的浮動效果*/
}

利用文字圍繞圖片命令，可以實現(xiàn)頁面的美化與設(shè)計。不過需要注意的是，設(shè)置過多的浮動會導(dǎo)致HTML和CSS代碼的復(fù)雜度增加，可能會影響頁面的性能和可讀性。因此，在實際應(yīng)用中，需要根據(jù)需要適當(dāng)使用。