如何使用css将复选框的位置设置为td的中间并输入类型文本？

Question

如何使用css将复选框的位置设置为td的中间并输入类型文本？

http://jsfiddle.net/3d6f2od6/1/

我试图设置位置中间的复选框购买不起作用，我该怎么办？

<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#f7f8f9" style=" background: none; ">
    <tbody>
        <tr style=" display: block; ">                 
            <td valign="top" style=" border: 1px solid; ">
                <input type="checkbox" name="test" value="555"/>
                <input type="text" value=""/>  
            </td>
        </tr>
    </tbody>
</table>

Answer 1

将vertical-align: middle应用于input元素。

input {
  vertical-align: middle;
}

<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#f7f8f9" style=" background: none; ">
  <tbody>
    <tr style=" display: block; ">
      <td style="border: 1px solid; ">
        <input type="checkbox" name="test" value="555" />
        <input type="text" value="" />
      </td>
    </tr>
  </tbody>
</table>