开发技巧 flex 布局，使用 gap 设置 flex 项目之间的间距

假设有如下代码：

如果想让 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>