在CSS中，對齊圖片是一個非常基礎的技能，也是Web設計中不可或缺的技術之一。本文將介紹幾種方法來對齊圖片，并附上代碼實例。 1. 使用text-align屬性 text-align屬性是一個用于對齊文本或其他元素的CSS屬性，它可以使一個元素中的文本或子元素沿著其容器的水平方向對齊。因此，我們可以利用text-align屬性來對齊圖片。 例如，要將一個圖片居中對齊，我們可以將其包裹在一個div容器中，并將該容器的text-align屬性設置為center，代碼如下：

<div style="text-align:center;">
<img src="example.jpg" alt="example image">
</div>

2. 使用margin屬性 margin屬性是CSS中用于設置元素外邊距的屬性。我們可以使用margin屬性來調整圖片的位置，以完成對齊。 例如，要將一個圖片靠左對齊，我們可以通過為該圖片設置一個左外邊距來實現，代碼如下：

<img src="example.jpg" alt="example image" style="margin-left: 20px">

3. 使用float屬性 float屬性是CSS中一個比較常用的屬性，可以使元素在父容器內浮動并脫離文本流。通過設置圖片的float屬性，我們可以實現圖片的左或右對齊。 例如，要將一個圖片靠右對齊，我們可以為該圖片設置float:right屬性，代碼如下：

<img src="example.jpg" alt="example image" style="float:right">

綜上所述，以上三種方法都可以用于對齊圖片，具體使用方法應根據具體場景和需求而定。另外，還可以采用表格、Flexbox和Grid等技術來實現更復雜的對齊布局。