Question

当我使用两个按钮组时，它们不会显示在同一行上。有没有办法在同一条线上显示这两个？这是我的代码

HTML：

<div id="view">
<input type="radio" id="radio1" name="radio" /><label for="radio1">Regular</label>
<input type="radio" id="radio2" name="radio" checked="checked" /><label for="radio2">Investments</label>
<input type="radio" id="radio3" name="radio" /><label for="radio3">All</label>
</div>


<div id="lod">
<input type="radio" id="lod_S" name="radio" checked="checked" /><label for="radio2">Summary</label>
<input type="radio" id="lod_D" name="radio" /><label for="radio3">Detail</label>
</div>

的javascript：

$('#view,#lod').buttonset();

提前感谢您的帮助。

Answer 1

div元素的默认样式导致一个低于另一个。您可以在此处替换span。

jsFiddle

或使用CSS更改div的样式：

<style type="text/css">
    #view, #lod {
        display: inline;
    }

</style>

jQuery UI单选按钮设置行中断

1 个答案: