CSS中，元素橫向放置是我們經常會用到的一種排版方式。通過CSS的相關屬性和技巧，我們可以輕松地控制元素的橫向排列。下面我將介紹一些常用的方法。

/* 橫向排列元素 */
.container {
display: flex;
flex-direction: row;
justify-content: space-between;
}
/* 上述代碼中，我們通過flex布局實現元素的橫向排列。flex-direction: row;設定了排列方向為橫向，justify-content: space-between;則讓元素在行內均勻分布。*/
/* 創建橫向菜單 */
nav {
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
}
/* 上述代碼中，我們使用了flex布局創建了一個橫向菜單，justify-content: space-around;實現了居中對齊，align-items: center;則讓菜單垂直居中。*/
/* 橫向排列圖片 */
.img-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.img-box {
width: 200px;
margin: 20px;
}
/* 上述代碼中，我們通過flex布局和flex-wrap: wrap;屬性實現了圖片的橫向排列。其中，每個圖片容器設置了固定寬度和外邊距，展示效果更為美觀。*/

以上是CSS中元素橫向排列的常用方法，大家可以根據自己的需求選用相應的方式進行排版。不同的布局方式展示出來的效果也會有所不同，希望大家能夠根據頁面設計需求靈活應用。