如何在表格单元格中将带有文本的复选框居中？

Question

我在对齐表格单元格中的复选框时遇到问题

<table style="empty-cells:hide;" border="1"   cellpadding="1" cellspacing="1">

<tr>
    <td valign="top">
        test 1 - 
        <input type="checkbox" name="query_myTextEditBox">    
        test 2 - 
        myTextEditBox
        <select size ="3" name="myTextEditBox_compare_operator">
            <option value="1">option 1</option>
            <option value="2">option 2</option>
        </select>
    </td>

    <td valign="top">
        <input type="text" value="my text" name="myTextEditBox">
    </td>

</tr>

my test on jsfiddle.net

出于某种特定原因，我不想将文本和复选框分成 2 个单元格

我确实看到了这个帖子How to center a checkbox in a table cell?，但它对我不起作用。

Answer 1

将style="vertical-align:top" 添加到<select> 元素。