css justify-content属性怎么用-木庄网络博客

2022-02-28 06:01:29 PHP中文网 JavaScript 百度已收录

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

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

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

语法：

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

属性值：

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

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

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

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

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

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

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

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者