假设有如下代码:
如果想让 a 和 b之间有10px 间距,你会怎么做?
方案1 :a 增加一个class 然后写 margin-right
不建议,很麻烦,还得增加一个 class
方案2:最优解,使用 gap: 10px;
<template><div class="box"><div>a</div><div>b</div></div>
</template>
<style lang="scss" scoped>
.box {display: inline-flex;align-items: center;justify-content: center;gap: 10px;
}
</style>