jQuery UI выравнивание набора кнопок

Question

Я пытаюсь бросить список переключателей в диалоге для выбора пользователем.Как сделать выравнивание списков?Было бы хорошо, чтобы они были равномерными или, по крайней мере, вытянутыми к краю.

Любая помощь будет принята с благодарностью!

Сейчас я просто использую $("#mydiv").buttonset()

<div id="mydiv">
  <div class="ui-widget-header" style="padding-top: 5px">
    <input type="radio" name="slot" id="slot-1" value="1" /><label for="slot-1">7:10 AM - 7:50 AM</label>
    ...
  </div>
</div>

Answer 1

Зная ширину вашего диалога, вы можете легко применить ширину к элементам кнопок, чтобы они заполняли пространство:

.ui-buttonset .ui-button { width: <your size> }