CSS怎么讓圖片對齊？在網頁設計中，圖片作為重要的視覺元素往往會占據相當大的比例，如何讓圖片能夠對齊，顯示出更好的效果就顯得尤為重要。下面介紹兩種常見的圖片對齊方式。
第一種，使用text-align屬性對圖片進行對齊。text-align屬性可以用于定義文本在一個塊元素中的水平對齊方式，也可以用于圖片。如下代碼所示，將text-align屬性設置為center，就可以將圖片水平居中對齊。

p {
text-align: center;
}
img {
display: block;
margin: 0 auto;
}

此時，圖片在p元素中會居中顯示。但是，需要注意的是，這種方式只對圖片水平對齊有效，垂直方向并不能達到理想的效果。
第二種，使用vertical-align屬性對圖片進行垂直對齊。vertical-align屬性用于定義行內元素或表格單元格中的元素的垂直對齊方式。如下代碼所示，將vertical-align屬性設置為middle，就可以將圖片垂直居中對齊。

p {
line-height: 200px;
text-align: center;
}
img {
display: inline-block;
vertical-align: middle;
}

此時，設置了一個大于圖片高度的line-height屬性，將圖片垂直居中顯示。需要注意的是，這種方式只適用于行內元素和表格單元格中的元素。
總的來說，以上兩種方式都能夠達到對齊的效果，具體使用需要根據實際情況選擇。