方法一:
/* 相同数量的i元素(高度为0),设置相同跨度 */
.box::after {
content: "";
width: 30%;
display: block;
height: 0;
}
.div {
flex: 0 0 30%;
margin: 10px 0;
height: 100px;
border: 1px solid blue;
}
i {
width: 30%;
}
</style>
</head>
<body>
<div class="box">
<div class="div"></div>
<div class="div"></div>
<div class="div"></div>
<div class="div"></div>
<i></i>
<i></i>
<i></i>
<i></i>
</div>
方法二:
grid布局