коробка webkit против boxflex

недавно я наткнулся на учебник, где инструктор использовал этот синтаксис:

display: -webkit-box;

http://www.youtube.com/watch?v=B-MNkBh7F2A @ 2:30 (создано авг 2012)

Я не видел этого раньше и начал пытаться найти какую-то информацию об этом. Кажется, CSS3 имеет что-то под названием flexbox. Но я не смог найти ссылки на приведенный выше синтаксис.

в этой статье http://coding.smashingmagazine.com/2011/09/19/css3-flexible-box-layout-explained/, написанные за год до вышеупомянутого учебника (сентябрь 2011), они используют следующий синтаксис:

display: box;

и упомянутая коробка будет заменена на flexbox.

Я все еще не уверен, в чем преимущество flexbox или box. Я не вижу людей, использующих его. Кто-нибудь может дать его краткое изложение?

кроме того, почему в учебнике используется-webkit-box? Is box в WebKit конкретно? Почему он не использовал

дисплей: коробка;

означает ли-webkit-box, что он работает только в Safari и Chrome?

если он совместим с кросс-браузером, с какими браузерами и версиями он работает?

box (не webkit), кажется, кросс-браузер совместим.

7
css3 flexbox html5 webkit

2 ответов

Я думаю, что эта тема суммирует его лучше всего:http://css-tricks.com/old-flexbox-and-new-flexbox/

в основном Flexbox имеет 3 различные "итерации" разметки. Старая разметка 2009 года, все еще старая разметка 2011 года и" новая " разметка, которая еще официально не выпущена или не поддерживается.Важно отметить, что, несмотря на видео, которое вы связали с загрузкой в 2012 году, парень, который сделал видео, использует действительно старую реализацию flexbox 2009 года. Я бы предложите не следовать этому руководству.

вот еще несколько ресурсов: http://www.w3.org/TR/css3-flexbox/ http://dev.w3.org/csswg/css-flexbox/

и могу ли я использовать его? http://caniuse.com/#search=flexbox

5

The-webkit-box является последним и экономит так много времени на использовании старого стиля ,который требует много javascript, поэтому при проектировании с помощью webkit вы производите свою работу по последним стандартам и большой экономии на человеко-часах.

-1