在CSS中，有時我們需要對子元素進(jìn)行水平排列，下面是幾種實(shí)現(xiàn)子元素水平排列的方法。

<div class="container">
<span>span1</span>
<span>span2</span>
<span>span3</span>
</div>

方法一：使用float屬性

.container span {
float: left;
}

方法二：使用display:inline-block屬性

.container span {
display: inline-block;
}

方法三：使用flex布局

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

使用以上方法之后，子元素就可以水平排列了。