CSS3 Flexbox:display:box vs. flexbox和flex

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

原文链接:https://www.f2er.com/css/222703.html

猜你在找的CSS相关文章