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

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>

我在 jsfiddle.net 上的测试

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

我确实看到了这篇文章如何在表格单元格中将复选框居中？但这对我不起作用。

Answer 1

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