我有一个按钮集,想要设置每个按钮的宽度,使它们大小相同(例如,如果我有4个按钮,则每个元素的25%)。基本上,网站在左侧有一个表格,在该表格中我有4个选项。现在的情况是它没有使用左列的100%,所以看起来很糟糕。我希望让按钮集占据整个列,并且每个按钮共享固定空间的25%。我尝试了.css('width')每个按钮元素,但没有任何变化。我的代码类似于这样:
<script type='text/javascript'>
$( function() { $("#task-sort").buttonset(); } );
</script>
<div id='task-sort'>
<input type='radio' name='task-sort' id='sort_all' checked><label for='sort_all'>All</label>
<input type='radio' name='task-sort' id='sort_inc'><label for='sort_inc'>Incomplete</label>
<input type='radio' name='task-sort' id='sort_com'><label for='sort_com'>Completed</label>
</div>