Kendo Mobile Widget按钮组换行宽度 - ＆gt;新队

Question

我有一个很长的按钮组，使用kendo移动小部件，但它离开了屏幕。它必须在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;

}