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

任何人都可以告诉我如何新的FlexBox布局模型比目前的表格更好? (显示:表和所有这些都包括在我的情况)?

它根本不支持IE10,这在不久的将来不是很好,我只是看不到任何好处超过表布局.但是,互联网仍然开始充满这种新的CSS布局方法的“崇拜者”,我看到的所有例子都可以轻松地用正常的CSS完成,没有问题.

更新25.12.15:
自从引入到现代浏览器以来,我一直在使用flexBoxes,并停止使用display:table等,因为flexBoxes更强大,易于使用.

解决方法

在使用flexBox和使用表格显示值或浮动布局页面之间,我可以想到三个区别:

>无论HTML代码如何,都能够重新排序元素,同时保持正常流程中的元素 – 您可以通过使用order属性指定整数值来执行此操作.
>它比传统的浮动布局(您不需要所有的伪元素来清除目的)需要更少的打字,而且更为语义,而对于布局使用浮点数或表格显然不是.
>通过使用flex-grow和flex-shrink属性,Flex项目可以根据祖先元素的尺寸进行生长和缩小以填充水平和垂直空间的能力.

问题(正如你所指出的),支持还是不错的;事实上,Firefox仍然在实现较早版本的flexBox模块,因此您必须根据您使用的浏览器来解释语法和行为的微小差异.不过,已经说了很多,这是布局的未来,特别是复杂的网络应用程序更频繁地出现.如果您能够做出不可避免的明智投资,这是值得学习的 – 以现在不能真正使用的代价.

我还建议你看看this smashing magazine article,以便对flexBox进行友好的介绍(这是最近写的)

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效