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中元素横向排列的常用方法，大家可以根据自己的需求选用相应的方式进行排版。不同的布局方式展示出来的效果也会有所不同，希望大家能够根据页面设计需求灵活应用。