Макет мозаики с угловым материалом

Question

Макет мозаики с угловым материалом

0

Я wodering, если можно сделать mozaic макет с угловатым материалом. Я хочу, чтобы отображать раздел по-разному в зависимости от количества секций. Например, если у меня есть 3 раздела для отправки, это будет что-то вроде

Section1 Section2 Section3

для 4 разделов это было бы похоже

Section1 Section2 
Section3 Section4

Я не мог найти примеров для этого. благодаря

magneto 22 март 2016, в 15:33

Источник

0

Взгляните на Layout и дополнительную информацию об Angular Material: material.angularjs.org/latest/layout/introduction. Это часто делается (в обычном CSS) с помощью flexbox и : nth-child .
Roy 22 март 2016, в 14:18

Теги:

angularjs

css

angular-material

1 ответ

Ещё вопросы

Взгляните на Layout и дополнительную информацию об Angular Material: material.angularjs.org/latest/layout/introduction. Это часто делается (в обычном CSS) с помощью flexbox и : nth-child .

gnerkus · Answer 1 · 2016-03-24T19-11-00.000Z

Это можно сделать, flex директиву flex для каждого из элементов, как это определено в документации по компоновке для Углового материала.

Чтобы достичь макета, определенного в вопросе, вы можете использовать директивы таким образом:

<div layout="row" layout-sm="column">
  <div flex>Section 1</div>
  <div flex>Section 2</div>
</div>

<div layout="row" layout-sm="column">
  <div flex>Section 3</div>
  <div flex>Section 4</div>
</div>