Question

我有来自woocommerce的产品变体的下表。有人知道如何水平显示这些吗？我已经浏览了几个不同的论坛，但到目前为止我的尝试都没有奏效。它涉及woocommerce产品的变化。它们显示为单选按钮而不是下拉列表，但我似乎无法将它们水平对齐。谢谢你指出我正确的方向!!

<table class="variations" cellspacing="0">
    <tbody>
        <tr>
            <td class="label">
                <label for="pa_kit">Kit</label>
            </td>
            <td class="value">
                <fieldset> <strong>Kit</strong><br>
                    <div class="wvdrb-one-third"><input type="radio" value="set-20" id="pa_kit"            name="attribute_pa_kit"> &nbsp; &nbsp; set-20</div><div class="wvdrb-two-    thirds"></div><br>
                    <div class="wvdrb-one-third"><input type="radio" value="set-35"     checked="checked" id="pa_kit" name="attribute_pa_kit"> &nbsp; &nbsp; set-    35</div><div class="wvdrb-two-thirds"></div><br>
                    <div class="wvdrb-one-third"><input type="radio" value="set-50" id="pa_kit"     name="attribute_pa_kit"> &nbsp; &nbsp; set-50</div><div class="wvdrb-two-    thirds"></div><br>
                </fieldset>
            </td>
        </tr>
    </tbody>
</table>

Answer 1

试试这个---清理一下。

＆＃13;

<table class="variations" cellspacing="0">
  <tbody>
    <tr>
      <td class="label">
        <label for="pa_kit">Kit</label>
      </td>
      <td class="value">
        <fieldset> <strong>Kit</strong>
          <br>
          <div>
            <div class="wvdrb-one-third">
              <input type="radio" value="set-20" id="pa_kit" name="attribute_pa_kit">set-20&nbsp;&nbsp;&nbsp;&nbsp;
              <input type="radio" value="set-35" checked="checked" id="pa_kit" name="attribute_pa_kit">set-35&nbsp;&nbsp;&nbsp;&nbsp;
              <input type="radio" value="set-50" id="pa_kit" name="attribute_pa_kit">set-50
            </div>
        </fieldset>
      </td>
    </tr>
  </tbody>
</table>

＆＃13;

Answer 2

这个谜团已经解决了。我不得不删除单选按钮之间的中断。我通过从woocommerce输入variations.php文件并删除了。然后css工作并将按钮内联。

谢谢！

如何水平显示这些单选按钮？

2 个答案: