堆叠 md-chips 垂直角度



我正在测试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 上的垂直堆叠芯片演示

最新更新