[分享]css中怎么把一行放三个盒子

想要在CSS中把一行放三个盒子并不难。可以使用flex布局来实现这一效果。

.container {
  display: flex; /*声明容器为flex布局*/
  justify-content: space-between; /*让元素之间的间隔相等*/
}

.box {
  width: 30%; /*设置盒子的宽度为30%*/
  height: 100px;
  background-color: #eee;
} 

通过以上代码，可以实现在一个容器内，横向排列三个宽度均等的盒子。容器的宽度可以根据具体的需求来设置，盒子的数量也可以相应调整。