javascript - Kendo Mobile Widget ボタン グループ 幅に合わせて折り返す -> 改行

Question

kendo モバイル ウィジェットを使用して非常に長いボタン グループを作成しましたが、画面からはみ出してしまいます。iPadで動作する必要があります。

画面に対して長すぎる改行を作成する方法はありますか?

word wrap: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

古い 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;

}

Answer 2

私は解決策を見つけたと思う

#buttonGrp li
{
    float:left;
}