CSS圖片橫向對齊指的是將多張圖片水平排列顯示，并讓它們居中或左對齊或右對齊，讓頁面布局更加美觀和整潔。下面是一些常見的CSS方法來實現圖片橫向對齊。 居中對齊 使用margin: 0 auto;讓圖片水平居中對齊，代碼如下：

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

其中，display: block; 是讓圖片成為一個塊級元素，以便于它和其他元素在同一行中占據整行。 左對齊 使用float: left;讓圖片左對齊，代碼如下：

p {
text-align: left;
}
img {
float: left;
margin-right: 10px;
}

其中，margin-right: 10px;是為了在每個圖片之間留出一定的間隔，讓頁面更加美觀。 右對齊 使用float: right;讓圖片右對齊，代碼如下：

p {
text-align: right;
}
img {
float: right;
margin-left: 10px;
}

其中，margin-left: 10px;是為了在每個圖片之間留出一定的間隔，讓頁面更加美觀。 綜上所述，我們可以通過幾行簡單的CSS代碼，讓多張圖片水平排列并居中或左對齊或右對齊，以優化頁面的視覺效果和用戶體驗。