在網頁設計中，經常需要使用圖片來豐富頁面的內容，但是如果多張圖片排在一行上，就會出現排版混亂的問題。那么該如何讓圖片另起一行呢？下面我們來介紹一下用CSS來實現這個效果。 首先，我們可以使用p標簽來包裹圖片，代碼如下：

<p>
<img src="example.jpg">
<img src="example2.jpg">
</p>

上面的代碼將兩張圖片放在了同一行上，接下來我們可以使用CSS來讓它們另起一行，代碼如下：

<style>
p img {
display: block;
margin: 0 auto;
}
</style>

上面的代碼中，我們使用了CSS的display屬性來將圖片轉換成塊級元素，然后使用margin屬性來讓它們在頁面居中顯示。這樣，兩張圖片就能夠另起一行了。 另外，如果我們希望在圖片之間添加一定的間距，可以使用CSS的margin屬性來實現，代碼如下：

<style>
p img {
display: block;
margin: 10px auto;
}
</style>

上面的代碼中，我們在margin屬性中設置了10px的上下間距，這樣就能夠讓圖片之間產生一定的空隙了。 總之，使用CSS來讓圖片另起一行非常簡單，只需要將圖片轉換為塊級元素并設置居中顯示和間距即可。這種方法不僅能夠提高頁面的美觀度，還能夠讓用戶更好地瀏覽頁面內容。