flex弹性盒布局

2020-02-02  本文已影响0人  波拉拉

用在父元素上的:

flex-direction 排列方向

flex-wrap 超出了是否换行

这两个的简化 flex-flow

justify-content  水平居中等

align-items 垂直居中等

align-content 多行时,整体垂直居中等


用在子元素上:

order 排序

flex-grow 自动生长

flex-shrink 自动缩短

flex-basis  初始长度

flex:就是上面三个属性的缩写形式 

align-self 子项单个垂直居中等

上一篇 下一篇

猜你喜欢

热点阅读