垂直堆棧md芯片angularjs

我正在測試出AngularJS中的md-chips指令。垂直堆棧md芯片angularjs

是否有任何方式垂直堆疊'芯片'，而不是水平添加芯片？

我一直在嘗試發現這裏的演示：

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

2017-02-13 Niclas

下面的CSS樣式是使芯片垂直堆疊所需的最低：MD的

md-chip { 
    clear: left; 
}

默認CSS芯片是 float: left和應用clear: left導致芯片相互清除並垂直堆疊。應用float: none或某些其他樣式來更改浮點數似乎很容易破壞默認指令，並導致無法訪問輸入字段並添加新芯片。我注意到可能需要應用其他一些樣式來修復包含芯片的容器，例如限制其寬度以獲得期望的結果。

參見：Vertically Stacking Chips Demo on Codepen

來源

2017-03-02 02:34:06 morganwebdev

垂直堆棧md芯片angularjs

回答

相關問題