css怎么设置横排 |css作用范围

<div class="container">
<div class="item">Item 1</div>
<div class="item">Item 2</div>
<div class="item">Item 3</div>
</div>

接下来，在CSS中，大家需要给容器设置display属性为flex，这样容器内的元素就可以水平排列了。

.container {
display: flex;
}

此外，大家可以使用justify-content属性来设置水平对齐方式。

.container {
display: flex;
justify-content: center; /* 居中对齐 */
}

还可以使用align-items属性来设置垂直对齐方式。

.container {
display: flex;
justify-content: center; /* 居中对齐 */
align-items: center; /* 垂直居中对齐 */
}

以上就是CSS设置横排的基础方法，通过设置display、justify-content和align-items属性，大家可以轻松实现各种水平排列需求。