CSS的Flex布局笔记

1.，display:flex;不会让容器本身取消它的块装的属性，但它的子元素会变成行内块的的属性

2.display: inline-flex;父级是变成行内块元素，他的子元素也是行内块元素，并且自动换行

 

开启flex

开启inline-flex

开启flex

display:flex/inline-flex  开启flex布局

主轴与交叉轴

flex-direction  决定主轴的方向

justify-content 决定主轴上flex-items 如何排布

align-items  决定交叉轴上flex-items的对齐方式

flex-wrap 布局是否换行 默认不换行 如果width不够 则会压缩div

nowrap 不换行 默认

wrap 换行

 

flex-flow  是 flex-direction与flex-wrap的缩写

 

flex-items相关语法