CSS是一種用于控制網頁樣式的語言，通過它可以對頁面的各個元素進行樣式的修改。其中，圖片與文字是網頁中非常常見的元素，如何控制它們之間的間距是一個很重要的問題。

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

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

/* 文字環繞圖片 */
img {
float: left; /* 圖片向左浮動 */
margin-right: 10px;
}

如果我們希望文字能夠環繞在圖片周圍，可以使用float樣式將圖片向左或右浮動。這樣，文字就會自動環繞在圖片周圍。需要注意的是，在這種布局下，圖片的高度應該小于文字的高度，否則圖片下方可能會出現空白區域。

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

有時候，我們希望圖片能夠居中顯示，這時可以將圖片轉化為塊級元素，同時為它添加margin樣式實現水平居中。需要注意的是，如果圖片的寬度超過了父元素的寬度，它將會自動縮小以適應父元素的寬度。