在CSS中，我們可以使用多種方法將兩張圖片居中對齊，以下是一種簡單有效的方法：

我們需要創(chuàng)建一個包含兩張圖片的HTML結(jié)構(gòu)，可以使用div元素來包裹這兩張圖片，并設(shè)置它們的class屬性以便在CSS中進行樣式設(shè)置。

HTML代碼示例：

<div class="image-container">
  <img src="image1.jpg" alt="Image 1">
  <img src="image2.jpg" alt="Image 2">
</div>

在CSS中，我們可以使用display: flex屬性將圖片設(shè)置為彈性布局，并使用justify-content: center和align-items: center屬性將圖片水平和垂直居中對齊。

CSS代碼示例：

.image-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

這種方法可以確保兩張圖片在容器中水平和垂直居中對齊，如果你只需要水平居中對齊，可以將align-items屬性刪除，如果你需要垂直居中對齊，可以將justify-content屬性刪除。

如果你使用的是舊版本的瀏覽器，可能不支持flex布局，在這種情況下，你可以使用position: relative和position: absolute屬性來實現(xiàn)居中對齊，具體實現(xiàn)方式可能會因瀏覽器和版本的不同而有所差異。

方法僅適用于簡單的圖片居中對齊場景，對于更復(fù)雜的布局需求，可能需要使用更***的CSS技巧或第三方庫來實現(xiàn)。