mdチップを垂直にスタックする

Question

私はAngularJSのmd-chipsディレクティブをテストしています。

チップを水平に追加するのではなく、チップを垂直に積み重ねる方法はありますか？

私はここで見つけるデモを試してきた：

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

Answer 1

次のCSSスタイルは、垂直方向に積層してチップを有効にするために必要な最小値である：

md-chip { 
    clear: left; 
} 

MDのデフォルトのCSS -chipは float: leftであり、clear: leftを適用するとチップが互いにクリアして縦に積み重なります。浮動小数点数を変更するためにfloat: noneやその他のスタイルを適用すると、デフォルトディレクティブが簡単に破られ、入力フィールドにアクセスして新しいチップを追加することができなくなります。所望の結果を得るために幅を制限するなど、チップを含む容器を固定するために他のスタイルを適用する必要があるかもしれないことに留意されたい。

参照：Vertically Stacking Chips Demo on Codepen