相邻的两个div都设置了边框后,相邻的部分会有两个边框,如图:
border-collapse 属性只适用于表格元素,所以使用margin控制边框重叠,看起来只有一个边框的效果,例:
<div class="border-merge" v-for="(item, index) in list" :key="index"></div>
.border-merge{
margin: -1px 0 0 -1px;
}
相邻的两个div都设置了边框后,相邻的部分会有两个边框,如图:
border-collapse 属性只适用于表格元素,所以使用margin控制边框重叠,看起来只有一个边框的效果,例:
<div class="border-merge" v-for="(item, index) in list" :key="index"></div>
.border-merge{
margin: -1px 0 0 -1px;
}