CSS3 Flexbox:display:box vs. flexbox和flex

前端之家收集整理的这篇文章主要介绍了CSS3 Flexbox:display:box vs. flexbox和flex前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我成了昨天在学校使用css3 flexBox语句的网站。我从来没有使用过。所以我google一点。并发现了很多不同样式的flexBox语句。
有些人写显示Box;有些使用display:flexBox;和其他显示:flex; @H_404_3@那么有什么不同呢?我应该使用哪个?

解决方法

这些是不同的风格。
显示Box;是2009的版本。
显示:flexBox;是2011的版本。
显示:flex;是实际版本。 @H_404_3@报价的保罗爱尔兰

@H_404_3@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.

@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.

@H_404_3@Here是关于不同flexBox语句的博客
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

猜你在找的CSS相关文章