CSS中的圖片對齊方式是非常重要的一部分，它可以制定圖片在不同場合下的顯示方式。在本文中，我們將介紹一些常見的圖片對齊方式。 首先，我們來看水平對齊。水平對齊包括三種方式：左對齊、居中對齊和右對齊。通過CSS代碼，我們可以很容易地實現水平對齊：

p {
text-align: left; /*左對齊*/
text-align: center; /*居中對齊*/
text-align: right; /*右對齊*/
}

接下來是垂直對齊。不同于水平對齊，垂直對齊只有兩種方式：頂部對齊和底部對齊。同樣可以通過CSS代碼實現：

p {
vertical-align: top;  /*頂部對齊*/
vertical-align: bottom; /*底部對齊*/
}

同時，我們還可以使用具體的數值對圖片進行微調。例如：

img {
vertical-align: -10px;
}

通過設置vertical-align的值為一個負數，圖片就可以向上移動。同樣，設置為一個正數，圖片就可以向下移動。 最后，我們來介紹一些其他的對齊方式。CSS中可以使用object-fit屬性和object-position屬性分別控制圖片的大小和位置。例如：

img {
object-fit: cover; /*圖片按比例縮放，保證寬度或高度能夠完全覆蓋容器，可能會截取部分圖片*/
object-position: center; /*圖片居中對齊*/
}

另外，我們還可以使用CSS3的flexbox來實現對多個元素的對齊，但這已經超出了本文的范圍。 通過上述幾種方式，我們可以很容易地管理圖片的對齊方式，讓我們的網頁更加美觀和易讀。