Question

我有一个html table
由于某种原因，在第二行中，两个单元不是水平对齐的。造成这种情况的原因是什么？

Answer 1

<input type="checkbox" id="3" onClick="change(this)" checked="">
<label for="2"><font color="800080"> Ice Cover (Days)</font></label></p>

在此单元格中，您输入的标签为id =“2”但在单元格中输入id =“3”更改为<label for="3">

Answer 2

这应该解决它。你有一个额外的td标签和一个额外的br标签，我还给了表格的标题。

<div id="menu" STYLE="position:absolute; left:25px">
    <!--toggles visibility of graph lines-->
    <table>
        <tr>
            <td>
                <p><b>Display: </b>
                </td>
        </tr>
        <tr>
            <td><input type="checkbox" id="0"
                onClick="change(this)" checked="">
                    <label for="0"> <font color="556b2f">Freeze up (Julian Days)</font></label>
            </td>
            <td><input type="checkbox" id="1"
                onClick="change(this)" checked="">
                    <label for="1"> <font color="000080">Break up (Julian Days)</font></label>
            </td>
       </tr>
       <tr>
            <td><input type="checkbox" id="2" 
                onClick="change(this)" checked="">
                    <label for="2"><font color="2e8b57"> Max Ice Thickness (cm)</font></label>
            </td>
            <td><input type="checkbox" id="3" 
                onClick="change(this)" checked="">
                    <label for="2"><font color="800080"> Ice Cover (Days)</font></label></p>
            </td>
        </tr>
    </table>
 </div>

为什么我的表行没有对齐？

2 个答案: