Stack md-chips вертикально angularjs

Question

Я тестирую директиву md-chips в AngularJS.

Есть ли способ укладки «чипов» вертикально вместо добавления микросхем по горизонтали?

Я пробуя здесь демос:

https://material.angularjs.org/latest/demo/chips

Answer 1

Следующий стиль CSS является необходимым минимумом для того, чтобы щепа укладывать вертикально:

md-chip { 
    clear: left; 
} 

по умолчанию CSS в мкр -chip's float: left и применение clear: left заставляет чипы очищать друг друга и складывать вертикально. Применение float: none или некоторых других стилей для изменения поплавка позволяет легко разбить директиву по умолчанию и заставляет не иметь доступа к полю ввода и добавлять новые фишки. Я отмечаю, что некоторые другие стили могут понадобиться для фиксации контейнера .md-chips, содержащего чипы, такие как ограничение его ширины, чтобы получить желаемый результат.

Vertically Stacking Chips Demo on Codepen