Как использовать макет-обертку?

Как сделать элементы списка с помощью углового макета-обертки? я хочу сделать, как этотКак использовать макет-обертку?

1 4 6 
2 5 7 
3 6 8

Не

1 2 3 
4 5 6 
7 8 9

http://plnkr.co/edit/GCWQx3?p=preview

Или это невозможно?

источник

2015-12-14 Slip

Я не очень знакомы с угловыми, но попробуйте переключить строку «layout =» «' to 'layout =" column "'. Вам также может потребоваться указать высоту содержимого, чтобы знать, где его можно обернуть. –

есть. «игра» с высотой помогла http://plnkr.co/edit/PaEEGw?p=preview – Slip

http://codepen.io/01/pen/BNbpLN – zer00ne

Вы хотели преобразовать синюю область в Flexbox то:

.mainHeight { 
    display:flex; 
    flex-flow: column wrap; 
    min-height:calc(100% - 86px); 
    height: calc(100% - 86px); 
}

FORK

Примечание: Я изменил написание от .mainHeigth к .mainHeight в CSS и HTML

источник

2015-12-16 03:05:58 zer00ne

Как использовать макет-обертку?

ответ

Смежные вопросы