flex布局笔记小结
有总结不到位的地方欢迎大家补充指正。
任何一个容器都可以指定flex布局,flex布局中,行内元素也能定义大小,定义子项的属性要写在父项中;
flex-direction:设置主轴方向(主轴可以是X轴,也可以是Y轴,默认为X轴)
justify-content:设置主轴上子元素的排列方式(默认在主轴(X轴)上从左往右排列)
align-items:侧轴子元素排列方式(主轴之外的另一个轴就是侧轴),这个属性针对单行(无换行)
align-content:多行子元素排列方式
flex-wrap:是否换行(默认不换行,一行排不下会缩小子项尺寸)
flex:把剩余空间分成多少份,数字越大,份数越多
align-self:设置其中一个子项的对齐方式
order:设置其中一个子项的排列方式,后面数字越小,排位越靠前,默认是0
这里只是常用的一些,还有些不常用的可以边学边查,无代码
flex布局笔记小结最先出现在Python成神之路。
共有 0 条评论