コントロールグループに3つのボタンがあるシンプルなjqueryモバイルページがあります。次の行に折り返すのではなく、1 行に表示するようにします。CSS、特にフォントサイズで遊んだので、小さすぎずにきれいに見えますが、1行に収まるようにサイズ変更/縮小することはできません。これは、Galazy 3 で垂直方向にどのように見えるかを示しています。
そして水平：
これが私のコードです：
<div id="w_home" data-role="controlgroup" data-type="horizontal">
<a href="" data-role="button" data-icon="arrow-l" data-iconpos="notext" id="prev"></a>
<a href="" data-role="button" id="today"></a>
<a href="" data-role="button" data-icon="arrow-r" data-iconpos="notext" data-inline="true" id="next"></a>
</div>
のテキストは、#todaydate.js を使用して動的に設定されます。
また、ちょっとしたことですが、#todayボタンの高さが他の 2 つよりも 1 ピクセル低いのはなぜですか?
PS ここにフィドルがありますが、date.js がないと機能しません