抱歉,您的浏览器无法访问本站

本页面需要浏览器支持(启用)JavaScript


了解详情 >

align-content:
在弹性容器内的各项没有占用交叉轴上所有可用的空间时对齐容器内的各项(垂直)。请注意本属性在只有一行的伸缩容器上没有效果。
测试效果页
说明文章页

justify-content:
设置或检索弹性盒子元素在主轴(横轴)方向上的对齐方式。当弹性盒里一行上的所有子元素都不能伸缩或已经达到其最大值时,这一属性可协助对多余的空间进行分配。当元素溢出某行时,这一属性同样会在对齐上进行控制。

测试效果页
说明文章页

align-items:
align-items 属性定义flex子项在flex容器的当前行的侧轴(纵轴)方向上的对齐方式。
提示:使用每个弹性对象元素的 align-self 属性可重写 align-items 属性。

测试效果页
说明文章页

align-self:
align-self 属性定义flex子项单独在侧轴(纵轴)方向上的对齐方式。。
注意:align-self 属性可重写灵活容器的 align-items 属性。

测试效果页
说明文章页

评论