html - 表格未按设计对齐

Question

我创建了一个表格、表格数据和表格行来很好地对齐我的东西。在 asp.net 的设计视图中，它显示表格很好地对齐在一起，如下图所示：

但是，当我进入网站时，它看起来很扭曲：

我也不太确定为什么 asp.net 和浏览器中的设计会有如此巨大的差异。下面是我的表格的 html 代码，我真的看不出它有问题。

<h2 align="center">Officer&#39;s Profile</h2>
            <br />
        </td>
    </tr>

    <tr>
        <td rowspan="6" colspan="4" width="50%">
            <b>Profile Picture</b>
            <br />
            <asp:Image ID="Image2" runat="server" />
            <br />
            <br />
           <b>Rank</b>
            <br />
            <asp:Image ID="Image1" runat="server" />
            <br />

            <br />
        </td>

        <td align="left">
           <b> Police ID :</b>
            <asp:Label ID="lblPoliceID" runat="server" ></asp:Label>
            <br />

        </td>
    </tr>

    <tr>

        <td align="left">
            <b>Full Name :</b> 
            <asp:Label ID="lblFullName" runat="server" ></asp:Label>
            <br />

        </td>
    </tr>

    <tr>

        <td align="left">
           <b> Email :</b> <asp:Label ID="lblEmail" runat="server" ></asp:Label>
            <br />

        </td>
    </tr>

    <tr>

        <td align="left">
            <b>Contact :</b> <asp:Label ID="lblContact" runat="server" ></asp:Label>
            <br />

        </td>
    </tr>

                    <tr>  
        <td align="left">
            <b>Posted To :</b>
            <asp:Label ID="lblLocation" runat="server" ></asp:Label>
            <br />

        </td>
    </tr>


        <tr>
            <td align="left"><b>Address : </b>
                <asp:Label ID="lblAddress" runat="server"></asp:Label>
                <br />
            </td>
            </tr>

我试图让它在 asp.net 的设计视图中看起来很相似

Answer 1

尝试改变

<td rowspan="6" colspan="4" width="50%" height ="500p"x>

至

<td rowspan="6" colspan="4" width="50%" height="500px" style="vertical-align:top">