jQuery Mobileアプリケーションを構築していて、そのヘッダーにナビゲーションバーウィジェットを設定しています。構造は通常のjQMナビゲーションバーに似ています（CSS構造はjQMのデフォルトです）：
<nav data-role="navbar">
<ul>
<li><a href="">...</a></li>
<li><a href="">...</a></li>
<li><a href="">...</a></li>
<li><a href="">...</a></li>
</ul>
</nav>
ナビゲーションバーに固定幅のボタンと水平オーバーフローを設定したいので、ここにあるようなjQueryスクリプトを使用して水平スクロールナビゲーションバーを設定できます：JQM水平スクロールナビゲーションバー。
問題は、フレームワークがボタンのスペースがなくなると常に新しい行を作成することです：http: //i.stack.imgur.com/pNrk5.png、それでも私の意図した動作は次のようなものです：http：// imgur .com/M8U1v。
CSS構造をいじって、overflow：hidden、white-space、fixed height navbarなどを設定してみましたが、今のところ成功していません。
ここで何かが足りませんか？