我有4列,我需要将每个列与边框分开.现在看起来像：
它应该是什么(例如红/蓝颜色)：
问题是我没有列的任何div,我在< li>内生成行< /锂>所以4里面的输入< li> < /锂>是1排：
你有什么想法我怎样才能做到这一点？这是FIDDLE
最佳答案
如果您强烈需要将其保持为行,则可以选择使用绝对定位的div.
#personal-details{
position: relative;
}
ul{
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
li{
width: 25%;
}
.parent{
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
.borders{
display: flex;
justify-content: space-between;
height: 40px;
}
.border{
border: 1px solid red;
width: 25%;
}
