html - 对齐标签下方的复选框？

Question

我有以下用于复选框的 HTML 代码:

<td class="myClass">
    select<br><input type="checkbox" id="one" name="delete" value="one">
</td>

它的输出如下:

但我希望复选框显示在标签的正下方，如下所示:

     select
       []

我该怎么做？

Answer 1

只需添加样式 text-align:center;和 display:block;到容器。

好提示:(也许您知道)如果标签和复选框的容器将是 <label> ，与容器的输入分享点击事件。例如:

<table>
  <tr>
    <td class="myClass">
      <label>
        Click me, to change Checkbox value !<br>
        <input type="checkbox" id="one" name="delete" value="one" align="">
      </label>
    </td>
  </tr>
</table>

检查一下 http://jsfiddle.net/G7JxA/