我成了昨天在学校使用css3 flexBox语句的网站。我从来没有使用过。所以我google一点。并发现了很多不同样式的flexBox语句。
有些人写显示:Box;有些使用display:flexBox;和其他显示:flex;
有些人写显示:Box;有些使用display:flexBox;和其他显示:flex;
那么有什么不同呢?我应该使用哪个?
解决方法
这些是不同的风格。
显示:Box;是2009的版本。
显示:flexBox;是2011的版本。
显示:flex;是实际版本。
显示:Box;是2009的版本。
显示:flexBox;是2011的版本。
显示:flex;是实际版本。
报价的保罗爱尔兰
Warning: FlexBox has undergone some major revisions,so this article
is out of date. In summary,the 07000,which
this article is based on,was implemented in Chrome since v4,Firefox
since v2,and IE10 beta.Since then,07001 and started to debut in
Chrome 17. Stephan Hay has 07002. Since then,the spec underwent naming changes which
started landing in Chrome 21. Chrome 22 has a stable implementation of
the latest spec.At this point,implementing either 07003,so be aware.
Here是关于不同flexBox语句的博客。
This是一个通过css-tricks的不同版本的博客条目。
当我使用flexBox,我总是这样写:
display: -webkit-Box; display: -moz-Box; display: -ms-flexBox; display: -webkit-flex; display: flex;
编辑:
仍然不是每个人都有浏览器/设备能够查看flexBox布局。所以对于后备解决方案或替代品有this article由Kenan Yusuf关于如何使用flexBox而不使用flexBox。