Flex布局子项常用属性总结

Flex布局子项常用属性总结

011012

Flex布局常见于各个网站之中,现总结几个子项常用布局属性,方便以后使用

1.flex

flex属性定义子项分配剩余空间,flex来表示占多少份数

.item{
    flex:<number>;  /* default 0 */
}

2.align-self

该属性允许单个项目有其他项目不一样的对齐方式,可覆盖align-items属性

如果没有父元素,则等同于stretch

span:nth-child(2){
    /*设置自己在侧轴上的排列方式*/
    align-self:flex-end;
}

3.order

该属性定义项目的排列顺序

数值越小越靠前,和z-index不同

© 版权声明
THE END
喜欢就支持一下吧
点赞12 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片