效果圖：
css代碼：
父級(jí)：
.parent {undefined
? ? display: flex;
? ? flex-wrap: wrap;
? ? justify-content: space-between;
}
/* 給父級(jí)添加個(gè)偽類骨杂，占位用? ? 使用偽類元素占據(jù)單位涂身，不影響頁(yè)面 */
.parent:after {?
? ? content: '';
? ? width: 30%;
}
子級(jí)：
.children{undefined
? ? width: 30%;
}
