很多時候，在網頁設計中我們都會遇到這樣一種情況，就是在文字與圖片之間需要留出一定的間距，而圖片與文字不能緊靠在一起。這個時候，我們就需要使用CSS來實現這個效果了。 首先，我們可以給我們的文字和圖片分別添加一個容器，然后通過CSS來控制它們之間的間距。例如，我們可以給文字容器添加一個margin-right屬性，來控制文字與圖片之間的距離。同時，我們還可以給圖片容器添加一個margin-left屬性，來控制圖片與文字之間的距離。代碼示例如下：

<style>
.text-container {
margin-right: 20px;
}
.image-container {
margin-left: 20px;
}
</style>
<p>
<span class="text-container">這是一段文字，和圖片之間要有一定的距離。</span>
<span class="image-container"><img src="圖片地址" alt="圖片"></span>
</p>

另外，還有一種情況就是，我們需要兩個圖片之間也要留出一定的間距。這個時候，我們可以使用CSS來控制圖片容器之間的距離，例如給第二個圖片容器添加一個margin-left屬性，來控制它與第一個圖片之間的距離。示例代碼如下：

<style>
.image-container {
margin-right: 20px;
}
.image-container + .image-container {
margin-left: 20px;
}
</style>
<p>
<span class="image-container"><img src="圖片地址" alt="圖片"></span>
<span class="image-container"><img src="圖片地址" alt="圖片"></span>
</p>

在上面的代碼中，我們使用了+選擇器來選中第二個圖片容器，然后給它添加了一個margin-left屬性，來控制它與第一個圖片之間的距離。這樣，就可以實現兩個圖片之間留出一定的間距了。 總之，CSS提供了很多控制元素之間間距的方法，我們可以根據不同的情況來選擇不同的方法，實現我們想要的效果。