css中怎样把5个div写成一行

CSS中有很多种方法可以让5个div写成一行。下面介绍两种比较常用的方法。

方法一：使用float属性

  .box {
            width: 20%;
            float: left;
        } 

这里给每个div设置了宽度为20%，并且设置了float属性为left。这样就可以让5个div并排在同一行。需要注意的是，float属性会让元素脱离文档流，需要根据实际情况清除浮动。

方法二：使用display属性

  .box {
            display: inline-block;
            width: 20%;
            vertical-align: top;
        } 

这里给每个div设置了display属性为inline-block，这样可以让它们在同一行显示。还设置了宽度为20%，但是要注意，如果每个div的宽度加起来超过了容器的宽度，就会产生换行的情况。需要设置vertical-align属性，让它们维持在同一水平线上。

以上两种方法都可以实现把5个div写成一行，但是使用的代码不同。根据实际情况选择适合自己的方法即可。