CSS详解系列:06-Flex容器属性justify-content

fox/ 01月03日/ CSS教程/ 浏览 1099

justify-content 属性用于设置弹性盒子中元素在主轴(横轴)方向上的对齐方式(即主轴上的元素对齐),这也是在flex中我们最常用的属性之一,属性的可选值如下:


描述
flex-start默认值,左对齐
flex-end右对齐
center居中
space-between两端对齐,项目之间的间隔是相等的
space-around每个项目两侧的间隔相等
initial将此属性设置为属性的默认值
inherit从父元素继承属性的值


具体在页面中展示效果,可以参考下图



发表评论

暂无评论,抢个沙发...

客服 工单