CSS是一種用于控制網(wǎng)頁(yè)樣式的語(yǔ)言，通過(guò)它可以對(duì)頁(yè)面的各個(gè)元素進(jìn)行樣式的修改。其中，圖片與文字是網(wǎng)頁(yè)中非常常見(jiàn)的元素，如何控制它們之間的間距是一個(gè)很重要的問(wèn)題。

/* 圖片與文字之間添加間距 */
img {
margin-right: 10px; /* 右側(cè)留出10px空白 */
}

在上述代碼中，我們通過(guò)為圖片元素添加margin-right樣式來(lái)控制它與文字之間的間距大小。需要注意的是，如果我們將margin-right值設(shè)置為0，那么圖片與文字將會(huì)挨在一起，這在某些情況下可能并不是我們想要的效果。

/* 文字環(huán)繞圖片 */
img {
float: left; /* 圖片向左浮動(dòng) */
margin-right: 10px;
}

如果我們希望文字能夠環(huán)繞在圖片周?chē)梢允褂胒loat樣式將圖片向左或右浮動(dòng)。這樣，文字就會(huì)自動(dòng)環(huán)繞在圖片周?chē)Ｐ枰⒁獾氖牵谶@種布局下，圖片的高度應(yīng)該小于文字的高度，否則圖片下方可能會(huì)出現(xiàn)空白區(qū)域。

/* 圖片居中顯示 */
img {
display: block; /* 將圖片轉(zhuǎn)化為塊級(jí)元素 */
margin: 0 auto; /* 水平居中顯示 */
}

有時(shí)候，我們希望圖片能夠居中顯示，這時(shí)可以將圖片轉(zhuǎn)化為塊級(jí)元素，同時(shí)為它添加margin樣式實(shí)現(xiàn)水平居中。需要注意的是，如果圖片的寬度超過(guò)了父元素的寬度，它將會(huì)自動(dòng)縮小以適應(yīng)父元素的寬度。