HTML中如何設置圖片對齊方式？ 在網站設計中，圖片不僅是吸引用戶注意力的重要元素，其對齊方式也影響著頁面視覺效果。下面介紹一些常見的HTML圖片對齊方式。 1. 居中對齊 將圖片居中對齊，可以使用text-align屬性。以下是示例代碼：

<p style="text-align:center">
<img src="example.jpg" alt="樣例圖片">
</p>

2. 左右對齊 將圖片左右對齊，可以在<img>標簽中添加align屬性，并設置為"left"或"right"。以下是示例代碼：

<p>
<img src="example.jpg" alt="樣例圖片" align="left">
這里是圖片左側的文本。
</p>

<p>
這里是圖片右側的文本。
<img src="example.jpg" alt="樣例圖片" align="right">
</p>

3. 文字環繞 當圖片寬度較小時，可以讓文字環繞在圖片周圍。可以在<img>標簽中添加style屬性，并設置浮動和外邊距。以下是示例代碼：

<p>
<img src="example.jpg" alt="樣例圖片" style="float:left;margin-right:10px">
這里是圖片左側的文本。
</p>

<p>
這里是圖片右側的文本。
<img src="example.jpg" alt="樣例圖片" style="float:right;margin-left:10px">
</p>

設置好圖片對齊方式后，不僅可以美化頁面，還能增強用戶體驗和閱讀體驗。