如何居中输入收音机

Question

我在我的项目中使用 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>

如您所见，每个按钮都有自己的大小（例如，向上和放大是不同的）。正如我之前所说 - 我不知道每个用户会有哪些按钮 - 这取决于他们自己的设置，所以我需要以某种方式自动化居中它的过程 - 有什么想法吗？

Answer 1

如果在您的情况下可能的话，您可以尝试使用<a> 而不是<input>，就像在documentation 中所做的那样。