我成了昨天在学校使用css3 flexBox语句的网站。我从来没有使用过。所以我google一点。并发现了很多不同样式的flexBox语句。
有些人写显示:Box;有些使用display:flexBox;和其他显示:flex; @H_404_3@那么有什么不同呢?我应该使用哪个?
有些人写显示:Box;有些使用display:flexBox;和其他显示:flex; @H_404_3@那么有什么不同呢?我应该使用哪个?
解决方法
这些是不同的风格。
显示:Box;是2009的版本。
显示:flexBox;是2011的版本。
显示:flex;是实际版本。 @H_404_3@报价的保罗爱尔兰
This是一个通过css-tricks的不同版本的博客条目。 @H_404_3@当我使用flexBox,我总是这样写:
仍然不是每个人都有浏览器/设备能够查看flexBox布局。所以对于后备解决方案或替代品有this article由Kenan Yusuf关于如何使用flexBox而不使用flexBox。
显示:Box;是2009的版本。
显示:flexBox;是2011的版本。
显示:flex;是实际版本。 @H_404_3@报价的保罗爱尔兰
@H_404_3@Warning: FlexBox has undergone some major revisions,so this article@H_404_3@Here是关于不同flexBox语句的博客。
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. @H_404_3@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. @H_404_3@At this point,implementing either 07003,so be aware.
This是一个通过css-tricks的不同版本的博客条目。 @H_404_3@当我使用flexBox,我总是这样写:
display: -webkit-Box; display: -moz-Box; display: -ms-flexBox; display: -webkit-flex; display: flex;@H_404_3@编辑:
仍然不是每个人都有浏览器/设备能够查看flexBox布局。所以对于后备解决方案或替代品有this article由Kenan Yusuf关于如何使用flexBox而不使用flexBox。