我可以想到使用弹性框和使用表显示值或浮点数来布局页面之间的三个区别:
- 能够对元素进行重新排序,而与HTML源代码的顺序无关,同时又使元素保持正常流动-您可以通过使用
order
属性指定一个整数值来做到这一点。 - 与传统的float布局相比,它需要更少的键入(您无需为清除目的而使用所有伪元素),并且更具语义,而对于布局使用float或表则显然不需要。
- 通过使用
flex-grow
和flex-shrink
属性,伸缩项可以根据祖先元素的尺寸进行伸缩以填充水平和垂直空间。
问题(如您所指出的)是支持仍然很差。实际上,Firefox仍在实现旧版本的flexbox模块,因此您必须考虑语法和行为上的细微差异,具体取决于所使用的浏览器。不过,已经说了很多,这
是 布局的未来,尤其是对于弹出频率更高的复杂Web应用程序。值得学习的是,如果您可以进行不可避免的明智投资,那将是您暂时无法真正使用的代价。
我还建议您看一下这本热门杂志,以期对flexbox进行友好的介绍(这是最近写的)



