css中怎么让两个盒子水平排列

在CSS中实现两个盒子水平排列有不同的方法，但最常用的就是使用display属性中的flex值。

首先，要让两个盒子水平排列，我们需要一个容器来进行包裹。在容器上设置display:flex，使得容器可以使用flex布局。

.container{
  display:flex;
} 

然后，我们需要对每个盒子进行设置，即设置子元素的属性。在这里使用flex:1，使得每个盒子在容器中等分占据一半的宽度。可以通过在盒子内添加其他元素，来进行布局和排版。

.box{
  flex:1;
} 

接下来，我们可以添加其他样式，如margin和padding，来调整两个盒子之间的间距和内部内容的位置等。

最后，将两个盒子放入容器中，即可实现水平排列。

<div class="container">
  <div class="box"></div>
  <div class="box"></div>
</div> 

使用以上代码，即可实现两个盒子水平排列。