小编典典

flexbox vs表,为什么我们需要flexbox?

css

任何人都可以请我 启发 一下新的Flexbox布局模型比当前表格更好的方法吗?( display:table和所有这些都包含在我的案例中 )?

IE10根本不支持它,这在不久的将来不是很好,我只是看不到表格布局有任何好处。但是,尽管如此,互联网仍然开始充满这种新的CSS布局方法的“崇拜者”,而且我看到的所有示例都可以使用普通的CSS轻松完成而不会出现问题。


15年12月25日更新:

自从Flexbox引入现代浏览器以来,我就一直在使用它们,并且已经停止使用display:table等等,因为Flexbox功能更强大且易于使用。


阅读 276

收藏
2020-05-16

共1个答案

小编典典

我可以想到使用弹性框和使用表显示值或浮点数来布局页面之间的三个区别:

  1. 能够对元素进行重新排序,而与HTML源代码的顺序无关,同时又使元素保持正常流动-您可以通过使用order属性指定一个整数值来做到这一点。
  2. 与传统的float布局相比,它需要更少的键入(您无需为清除目的而使用所有伪元素),并且更具语义,而对于布局使用float或表则显然不需要。
  3. 通过使用flex-growflex-shrink属性,伸缩项可以根据祖先元素的尺寸进行伸缩以填充水平和垂直空间。

问题(如您所指出的)是支持仍然很差。实际上,Firefox仍在实现旧版本的flexbox模块,因此您必须考虑语法和行为上的细微差异,具体取决于所使用的浏览器。不过,已经说了很多,这
布局的未来,尤其是对于弹出频率更高的复杂Web应用程序。值得学习的是,如果您可以进行不可避免的明智投资,那将是您暂时无法真正使用的代价。

我还建议您看一下这本热门杂志,以期对flexbox进行友好的介绍(这是最近写的)

2020-05-16