プロジェクトにjquery mobileを使用しています。入力内のすべてのラジオ ボタンをそのスタイルで自動的に変換します。主な問題は、さまざまな状況で、さまざまな数のボタン (ユーザーによって異なります) があり、幅が異なり、毎回必要になることです。
<div data-role="fieldcontain" id="inline" >
<fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
{section name=i loop=$data['input'] start=0}
<input name="position" id="radio{$smarty.section.i.index}" value="{$data['input'][i]}" type="radio" />
<label for="radio{$smarty.section.i.index}">
{$data['input'][i]}
</label>
{/section}
</fieldset>
</div>
ご覧のとおり、各ボタンにはサイズがあります (たとえば、アップとズームインは異なります)。前に言ったように、各ユーザーにどのボタンが表示されるかわかりません。それはユーザー自身の設定に依存するため、どうにかして中央に配置するプロセスを自動化する必要があります。いくつかのアイデアはありますか?