布局的传统解决方案,基于盒状模型,依赖 display + position + float。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C提出了一种新的方案:Flex布局,可以简便、完整、响应式地实现各种页面布局。
但是由于 IE10+ 才能支持 Flex布局(IE10支持的不好,IE11才好一点),而国内IE8-9依然是主流(>25%),所以无法在 web 端使用,而国外则相对较少(<7%),可以根据自身网站的浏览器访问排布使用 Flex布局。在移动端,Flex布局 已经成为主流。
但是由于是 阮一峰 推荐的 React 技术栈 中的要求,所以拿起来一些:
《Flex 布局教程:语法篇》
《Flex 布局教程:实例篇》
阮一峰的教程写的相当的好,看一遍基本就能弄,希望能尽快有在移动端实践的机会。