在網(wǎng)頁(yè)設(shè)計(jì)中，有時(shí)需要讓文字環(huán)繞在圖片周?chē)@時(shí)我們可以使用CSS樣式來(lái)實(shí)現(xiàn)。

img{
float: left; /* 圖片向左浮動(dòng) */
margin-right: 10px; /* 圖片右側(cè)留出10px的空白 */
}

以上代碼中，我們?cè)O(shè)置了圖片向左浮動(dòng)，并在圖片右側(cè)留出了10像素的空白。接下來(lái)，我們需要對(duì)文本進(jìn)行相應(yīng)的設(shè)置，使其環(huán)繞在圖片周?chē)?/p>

p{
text-align: justify; /* 對(duì)齊方式為兩端對(duì)齊 */
text-indent: 2em; /* 首行縮進(jìn)2個(gè)字符 */
}

以上設(shè)置中，我們使用了text-align屬性，將對(duì)齊方式設(shè)置為兩端對(duì)齊。這樣一來(lái)，在圖片右側(cè)的文本區(qū)域就會(huì)自動(dòng)分配到左側(cè)的空白處，從而達(dá)到文字環(huán)繞圖片的效果。