CSS是網頁設計中非常重要的一部分，它可以通過控制樣式改變網頁的外觀。當我們在網頁中插入圖片時，有一個問題就是圖片怎么自動換行，避免超出頁面的范圍呢？這時候我們可以使用CSS來控制圖片的換行。

img {
max-width: 100%; /* 圖片寬度最大為頁面寬度 */
height: auto; /* 高度自動調整 */
float: left; /* 圖片左浮動 */
margin-right: 20px; /* 圖片右側加上20像素的空白 */
}

如上所示，我們通過CSS中的float屬性將圖片左浮動，讓文本在圖片左側排版，從而避免圖片超出頁面范圍。此外，我們還可以通過設置圖片最大寬度和自動調整高度的方式，來讓圖片適應設備屏幕的大小。

需要注意的是，在前一個圖片標簽底部和后一個圖片標簽上方需要加上clear屬性來清除浮動，避免造成網頁排版混亂現象，代碼如下：

.clearfix::after {
content: "";
display: table;
clear: both;
}
（在圖片標簽的父元素添加clearfix類名，并在CSS中設置clearfix屬性）

通過以上的CSS設置，在網頁中插入圖片并使得圖片自動換行，可以有效地提高網頁的美觀度和可閱讀性。希望這篇文章可以對您有所幫助！