html - 在 Safari 中等间距单选按钮与宽度

Question

我有一组单选按钮，我希望它们在列标题下等间距并居中。这些按钮使用此 css 来执行此操作:

.staiRadioButtons
{
    display: inline;
    width: 111px;
}

这在 Firefox 和 Chrome 中工作得很好，但在 Safari 中按钮没有那么宽，因此不对齐。在表格列中等间距单选按钮的正确方法是什么？

HTML部分:

<tr>
  <td>1. I feel pleasant.</td>
  <td><span id="spryradio1">
    <label>
      <input name="pleasant" type="radio" class="staiRadioButtons" id="pleasant_0" value="4" />
      <input name="pleasant" type="radio" class="staiRadioButtons" id="pleasant_1" value="3" />
      <input name="pleasant" type="radio" class="staiRadioButtons" id="pleasant_2" value="2" />
      <input name="pleasant" type="radio" class="staiRadioButtons" id="pleasant_3" value="1" />
    </label>
    <span class="radioRequiredMsg">Please make a selection.</span></span></td>
</tr>

Answer 1

试试这个

.staiRadioButtons
{
    float:left;
    width: 111px;
}