(CSS3 flex box) указание нескольких строк не работает

Question

Используя flex box, я пытаюсь создать гибкие узлы статьи, которые переносятся при заполнении родительского контейнера (примерно 4 узла в строке).В настоящее время они остаются в одной строке и переполняют родительский элемент без переноса.Есть идеи?

Мой css:

.container { 
    display: -webkit-box; 
        height: 100%;
        width: 100%;
        -webkit-box-lines: multiple;   
    -webkit-box-orient: horizontal; }

.container article {
       -webkit-box-flex: 1; } 

Answer 1

Я немного экспериментировал с флексбоксами, но, насколько я понял, в настоящее время нет браузера, в котором реализована команда "box-lines: множественный".

В документации для разработчиков Apple утверждается, что она существует с iOS 1.0 и Safari 3.0, однако состояние всех команд flex-box по-прежнему читается как «в стадии разработки». Таким образом, команда существует и не отклоняется как ошибка, но в данный момент работает только «одиночное» значение, как кажется.

Answer 2

IE10 будет реализован после выпуска.Другие могут сделать это и в будущем.

http://www.boogdesign.com/b2evo/index.php/ie10-future-of-css-layout?blog=2

Вот еще один пост, который я нашел по этой теме.

http://www.xanthir.com/blog/b48Z0

" Поддержка нескольких линий была помечена как подверженная риску в новом проекте, поскольку, как представляется, она требует более обширного подхода, чем это предусмотрено в этом проекте. "

" Пара свойств, flex-break-before и flex-break-after, может создавать явные разрывы строк до / после дочернего элемента flexbox или предотвращать разрывы строк. "