我正在 AngularJS 中测试 md-chips 指令。
有没有办法垂直堆叠“芯片”而不是水平附加芯片?
我一直在尝试这里找到的演示:
https://material.angularjs.org/latest/demo/chips https://material.angularjs.org/latest/demo/chips
以下 CSS 样式是使芯片能够垂直堆叠所需的最低限度:
md-chip {
clear: left;
}
md-chip 的默认 CSS 是float: left
并申请clear: left
导致切屑相互清除并垂直堆叠。正在申请float: none
或其他一些更改浮动的样式似乎很容易破坏默认指令,并导致无法访问输入字段并添加新芯片。我注意到可能需要应用一些其他样式来修复.md-chips
包含芯片的容器,例如限制其宽度以获得所需的结果。
See: Codepen 上的垂直堆叠芯片演示 https://codepen.io/airbridge/pen/bqEMzV
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)