javascript - Kendo Mobile Widget Button Group Wrap to width -> newline

Question

我有一个使用剑道移动小部件制作的很长的按钮组，但它离开了屏幕。它必须在 iPad 上运行。

一旦屏幕太长，有没有办法创建换行符？

我已经尝试过自动换行：break-word 和 max width 但似乎什么也没做

<ul id="buttonGrp" data-role="buttongroup"></ul>

var a = 97;

for (var i = 0; i < 26; i++)
{
      $("<li class='km-button'>" + String.fromCharCode(a + i) + </li>").appendTo("#buttonGrp ");
}

Answer 1

我想我找到了解决方案

#buttonGrp li
{
    float:left;
}

Answer 2

在旧的 android 设备上，此解决方案不起作用。尝试这个。

#selectList {
    display: block;
    float: left;
    white-space: normal !important;
}

#selectList li {
    float: left;
    border-width: 1px;
    margin: 1px;
    display: block;
    white-space: normal !important;

}