弹性(flex)布局
五大主流浏览器及其内核:
谷歌浏览器:Google Chrome。内核是blink
火狐浏览器:Mozilla Firefox。内核是Gecko;
欧鹏浏览器:OPera。内核是blink
苹果浏览器:Safari。内核是webkit。
IE浏览器:Windows Internet Explorer。内核是Trident
学习网站:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
MDN: https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes
弹性布局 是指通过调整其内元素的宽高,从而在任何显示设备上实现对可用显示空间最佳填充的能力。弹性容器扩展其内元素来填充可用空间,或将其收缩来避免溢出。
容器的属性
1.flex-direction
2.flex-wrap
3.flex-flow
4.justify-content
5.align-item
6.align-content
项目的属性
1.order
2.flex-grow
3.flex-shrink
4.flex-basis
5.flex
6.align-self
待完善...