justify-content 这个属性可以调整项目的位置,还有项目与项目之间的间隔 .. 在这个 container 容器上面,添加一个 justify-content .. 默认这个属性的值是 flex-start ..
下面把它改成 flex-end .. 你会看到项目会右对齐显示 .. 如果想让它们居中的容器里,可以把 jstify-content 的值设置成 center ...
在项目之间我们可以添加点间隔 ... 先试一下 space-between .. 它会在项目与项目中间添加一个间隔 .. 这里第一个项目的左边,还有最后一个项目的右边,跟容器之间不会有间隔 ..
另外 space-around 也可以添加点间隔 .. 把 space-between 换成 space-around .. 它们之间的区别是,space-around 是在项目的周围,也就是项目的左右两边去添加点间隔 ..