在網(wǎng)頁設計中，優(yōu)美的圖片對于美化網(wǎng)頁至關重要，而如何將圖片進行居中橫向排列也是一個常見的需求。下面我們將通過CSS的方式來完成圖片居中橫向排列的效果。

HTML部分：
<div class="container">
<img src="example.jpg" alt="example">
</div>
CSS部分：
.container{
text-align: center;
}
.container img{
display: inline-block;
}

在該例子中，我們使用了一個div容器來包含圖片，并將該容器的text-align屬性設置為center，以使其內容居中橫向排列。同時，為了避免圖片出現(xiàn)換行等情況影響效果，我們還將圖片的display屬性設置為inline-block，使其特性類似行內元素，但可以設置寬高等屬性。

有時候，圖片的大小并不能自適應容器的大小，因此我們還需要對圖片進行進一步的調整。我們可以將其設置為最大寬度為100%或最大高度為100%，以使其在容器中占據(jù)合適的位置。

.container img{
display: inline-block;
max-width: 100%;
height: auto;
}

當然，以上僅是一種基礎的實現(xiàn)方法，針對具體的頁面布局和圖片大小，我們還可以使用其他的實現(xiàn)方式來完成居中橫向排列的效果。但無論是哪種方式，理解并掌握CSS的基本特性是十分重要的。