css justify-content属性怎么用


本文摘自PHP中文网,作者青灯夜游,侵删。

css justify-content 用于设置或检索弹性盒子元素在主轴(横轴)方向上的对齐方式,对齐方式有:位于容器的开头、位于容器的结尾、位于容器的中心、均匀分布等等。

css justify-content属性怎么用

justify-content 用于设置或检索弹性盒子元素在主轴(横轴)方向上的对齐方式。可以使用 align-content 属性对齐交叉轴上的各项(垂直)。

语法:

1

justify-content: flex-start|flex-end|center|space-between|space-around|initial|inherit;

属性值:

● flex-start:默认值。项目位于容器的开头。

flex-start.jpg

● flex-end:项目位于容器的结尾。

flex-end.jpg

● center:项目位于容器的中心。

center.jpg

● space-between:项目位于各行之间留有空白的容器内,即均匀分布在线上; 第一项是在起始行,最后一项是在结束行。

space-between.jpg

● space-around:项目位于各行之前、之间、之后都留有空白的容器内。

space-around.jpg

● initial:设置该属性为它的默认值。

● inherit:从父元素继承该属性。

阅读剩余部分

相关阅读 >>

css中width有啥属性?

什么是css(层叠样式表)?

css布局之盒子模型属性

css background-repeat属性怎么用

css为什么压缩

css如何使用计数器给元素自动编号?css计数器的使用(代码示例)

css的相邻兄弟选择器何时用

css中的浮动属性值有哪些

css怎么才能让字等距分开

css的优点和缺点分别是什么

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...