我正在测试AngularJS中的md-chips指令。
有没有办法垂直堆叠"芯片"而不是水平附加芯片?
我一直在尝试在这里找到的演示:
https://material.angularjs.org/latest/demo/chips
以下CSS样式是使芯片垂直堆叠所需的最低样式:
md-chip {
clear: left;
}
md-chip的默认CSS是 float: left
和应用clear: left
会导致芯片相互清除并垂直堆叠。应用 float: none
或其他一些样式来更改浮点数似乎很容易破坏默认指令,并导致无法访问输入字段和添加新筹码。我注意到可能需要应用其他一些样式来固定包含芯片的.md-chips
容器,例如限制其宽度以获得所需的结果。
参见:Codepen 上的垂直堆叠芯片演示