2

我正在测试 AngularJS 中的 md-chips 指令。

有没有办法垂直堆叠“筹码”而不是水平附加筹码？

我一直在尝试在这里找到的演示：

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

4

1 回答 1

2

以下 CSS 样式是使芯片垂直堆叠所需的最低要求：

md-chip {
  clear: left;
}

md-chip 的默认 CSS 是 float: left和应用clear: left导致芯片相互清除并垂直堆叠。应用float: none或其他一些样式来更改浮动似乎很容易破坏默认指令，并导致无法访问输入字段并添加新芯片。我注意到可能需要应用一些其他样式来固定.md-chips包含芯片的容器，例如限制其宽度以获得所需的结果。

请参阅：Codepen 上的垂直堆叠芯片演示

于 2017-03-02T02:34:06.947 回答