css一行显示3块

CSS是用于网页样式设计的一种标记语言，它可以让网页变得更加美观和易于阅读。而今天我们要讲的是如何使用CSS一行显示三块内容。

.container{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.box{
  width: 30%;
  height: 200px;
  background-color: #ccc;
  margin-bottom: 20px;
}

在以上的代码中，我们首先给外层容器设置了弹性布局的属性：display:flex;这样就能让三个子元素在一行内显示了。

同时使用flex-wrap: wrap;属性可以保证当元素数量超过三个时，其余的元素会自动换行。

而justify-content: space-between;属性则是用来设置子元素之间的间距，让每个子元素之间保持相同的距离。

在子元素.box的样式中，我们设置了每个块宽度为30%，高度为200px，背景颜色为#ccc，并且让其下方有20px的下边距。

以上就是CSS一行显示三块的基本代码和属性，你可以根据需要进行调整和修改，让你的网页更加美观、实用。