中心边框 - 右列3列布局

时间:2016-12-08 00:23:10

标签: html css

我正在使用具有5.5%边距权限设置的3列布局。当我尝试向前两列添加border-right时,5.5%边距的计数看起来非常不均匀。有没有办法使列之间的边界居中?

列的CSS如下:

et_pb_gutters3 .et_pb_column_1_3 {
width: 29.666%;
}

et_pb_gutters3 .et_pb_column {
margin-right: 5.5%;
}

.et_pb_column {
float: left;
position: relative;
background-position: center;
background-size: cover;
}

2 个答案:

答案 0 :(得分:1)

而不是margin-right: 5.5%,请尝试margin-right: 2.75%margin-left: 2.75%

答案 1 :(得分:-1)

您是否考虑过在保证金权利和保证金权利之间分配5.5%的保证金?这样,它会将一半边距强制到您遇到问题的列右侧的列。

margin-right: 2.75%;
margin-left: 2.75%;