2009年,W3C提出了一种新的方案----Flex布局,可以简便.完整.响应式地实现各种页面布局.目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能. 通过笔者大量实践,发现flex布局屡试不爽,尤其在移动端自适应方面.但处于其大量的属性记忆混乱,今天图文并茂梳理如下. 语法及概念部分 实例演示部分 结合笛卡尔坐标系(仅考虑一个item情况,其它情况可以据此的排列组合实现) css部分 /*骰子的布局*/ .box { display: flex; width: 50p