关于Flex布局的研究

关于Flex,其实最关心的是它的兼容性。

DBC82C4F-1250-497C-89D2-56003A5FFDA1.png

在android4.3以前要加-webkit,兼容性其实还不错。我故意找了个android4.1的机子测了一下,能正常表现。天猫都已经全面使用这种布局方式,应该没啥兼容问题了吧。

demo

主要关心的是一下两个主要个属性:

  1. display:box

  2. box-flex:[int]

其次是对齐的属性:

box-orient:horizontal | vertical | inline-axis | block-axis | inherit  横排还是竖排

box-direction:normal | reverse | inherit   排序顺序

box-align:start | end | center | baseline | stretch 对齐方式,其中baseline是一个知识点

发表评论