CSS中有很多种方法可以让5个div写成一行。下面介绍两种比较常用的方法。方法一:使用float属性 .box { width: 20%; float: left; } 这里给每个div设置了宽度为2
CSS中有很多种方法可以让5个div写成一行。下面介绍两种比较常用的方法。
.box {
width: 20%;
float: left;
}
这里给每个div设置了宽度为20%,并且设置了float属性为left。这样就可以让5个div并排在同一行。需要注意的是,float属性会让元素脱离文档流,需要根据实际情况清除浮动。
.box {
display: inline-block;
width: 20%;
vertical-align: top;
}
这里给每个div设置了display属性为inline-block,这样可以让它们在同一行显示。还设置了宽度为20%,但是要注意,如果每个div的宽度加起来超过了容器的宽度,就会产生换行的情况。需要设置vertical-align属性,让它们维持在同一水平线上。
以上两种方法都可以实现把5个div写成一行,但是使用的代码不同。根据实际情况选择适合自己的方法即可。
粉丝
0
关注
0
收藏
0