css一行三列

CSS一行三列布局是一种常用的网页布局方式，它可以将一个网页的内容按照一定的比例自适应地分为三列，适用于网站的导航和内容栏的布局。接下来我们来介绍如何实现这种布局。

.container {
  display: flex;
}
.box {
  flex: 1;
} 

首先，在HTML中创建一个容器元素，用来包含三个列的内容，如下所示：

<div class="container">
  <div class="box">
    <!--左侧内容-->
  </div>
  <div class="box">
    <!--中间内容-->
  </div>
  <div class="box">
    <!--右侧内容-->
  </div>
</div> 

接下来，在CSS中设置容器元素的样式，使用flex布局实现三列自适应，其中box代表三个内容列，并且设置了相同的flex属性，表示三个列的宽度比例相等。

最后，填充和美化每个列的内容，就可以得到一个可以自适应的三列布局了。