CSS（層疊樣式表）是一種用于控制網站樣式和布局的技術。其中一個常見的應用是通過CSS讓圖片換行。 首先，讓我們使用HTML來插入一張圖片：

<p>這里是一些文本，然后插入一張圖片：</p>
<img src="image.jpg" alt="圖片">
<p>這里是圖片后面的文本。</p>

上述代碼會在文本中插入一張圖片，但是圖片是緊貼在文字后面，沒有任何間距。這時候我們需要使用CSS來實現圖片換行。 在CSS中，我們可以使用“float”屬性來讓圖片浮動。例如，如果我們想讓圖片在左邊浮動，可以使用以下代碼：

img {
float: left;
margin-right: 10px;
}

代碼中，“float”屬性設置為“left”，表示將圖片向左浮動。同時，“margin-right”屬性設置為“10px”，表示在圖片右側留出10像素的間距。 現在，我們重新調整HTML代碼，加入CSS樣式：

<p>這里是一些文本，然后插入一張圖片：</p>
<img src="image.jpg" alt="圖片">
<p>這里是圖片后面的文本。</p>
<style>
img {
float: left;
margin-right: 10px;
}
</style>

通過上述代碼，我們已經成功讓圖片浮動，并在其右側留出一定的間距，圖片和文本之間更加清晰明了了。 需要注意的是，為了避免圖片與其他元素相互干擾，我們需要在CSS中為其他元素設置“clear”屬性。如果我們想要讓下面的文本不與圖片相互干擾，可以在CSS中添加以下代碼：

p {
clear: both;
}

代碼中，“clear”屬性被設置為“both”，表示取消左右兩側的浮動效果，使元素不再受到圖片的影響。 總之，通過使用CSS中的“float”屬性和“margin”屬性，我們可以很容易地讓圖片在文本中換行，并且讓網站的布局更加美觀和清晰。