HTML怎么設置圖片自動換行？ 在網頁中添加圖片是很常見的，但是當圖片的大小超過了屏幕尺寸時會出現圖片遮擋內容的情況。這時就需要使用自動換行的功能來避免這種現象的發生，下面我來講講如何在HTML中設置圖片自動換行。 首先，我們需要把圖片嵌入到HTML文檔中。這可以通過img標簽來實現，例如：

<img src="example.jpg" alt="example">

其中src屬性是指向圖片的URL地址，alt屬性則是圖片的替代文本，這個屬性在圖片無法加載時非常重要。 接下來，我們需要使用CSS屬性來控制圖片的位置和布局。具體來說，我們需要設置display和float屬性，如下所示：

<style>
img{float:left; display:block;}
</style>

其中，float:left表示將圖片向左浮動，使得圖片的右邊出現空白區域，display:block則表示將圖片顯示為塊級元素，這樣就可以讓圖片占據整個行的寬度。 最后，我們需要使用overflow:hidden屬性來防止當圖片過寬時導致換行出現問題。這可以通過在包含圖片的div元素上添加該屬性來實現，如下所示：

<div style="overflow:hidden;">
<img src="example.jpg" alt="example">
</div>

這樣就可以實現圖片的自動換行了。當圖片過寬時，會自動換行并顯示在新的一行上，避免了圖片遮擋內容的問題。 總的來說，通過使用float、display和overflow等CSS屬性，我們可以很容易地實現圖片的自動換行功能，讓網頁的排版更加美觀和合理。