justify-content

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

justify-content 这个属性可以调整项目的位置,还有项目与项目之间的间隔 .. 在这个 container 容器上面,添加一个 justify-content .. 默认这个属性的值是 flex-start ..

下面把它改成 flex-end .. 你会看到项目会右对齐显示 .. 如果想让它们居中的容器里,可以把 jstify-content 的值设置成 center ...

在项目之间我们可以添加点间隔 ... 先试一下 space-between .. 它会在项目与项目中间添加一个间隔 .. 这里第一个项目的左边,还有最后一个项目的右边,跟容器之间不会有间隔 ..

另外 space-around 也可以添加点间隔 .. 把 space-between 换成 space-around .. 它们之间的区别是,space-around 是在项目的周围,也就是项目的左右两边去添加点间隔 ..

justify-content《 CSS:Flexbox 布局 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点