Angular2 + Kendo MultiSelect 列出每行的每个项目答案

【问题标题】：Angular2 + Kendo MultiSelect list each item per rowAngular2 + Kendo MultiSelect 列出每行的每个项目
【发布时间】：2017-07-11 15:23:39
【问题描述】：

我的应用中有一个 Angular2 Kendo MultiSelect 组件。我的业务要求是列出每行的每个选择，而不是将它们彼此相邻堆叠。我如何实现这一目标？

我进行了搜索，发现了这个thread。通过将宽度设置为 100 像素来实现建议的样式，但这在我的场景中不起作用，因为多选选择将超过 100 像素。

我发现这与我的多选一起使用的一种方法是将多选控件的宽度设置为 500 像素。在这种情况下，它会将每个项目放在自己的行中，但多选的大小不会占据页面的整个宽度。

如何在剑道多选长度设置为全宽的情况下实现每行的每个项目？

【问题讨论】：

【解决方案1】：

Multiselect 由一个 UL LI 列表组成，该列表占据整个宽度。所以如果你设置这个样式

.k-multiselect-wrap ul { width: 1%;}

列表尝试仅占 1%，并且项目换行。这是一个丑陋的黑客，但可以做到;-)。它可能对不同的浏览器有副作用。

我已经修改了 Progress Plunker 示例：http://embed.plnkr.co/sOBzjul7e2OdI8Ig2VLE/

【讨论】：