HTML 表格数据从 CENTER 开始而不是 TOP

Question

我有一个 HTML 表，其数据来自数据库。目前，数据是从中心而不是顶部填充的。如下所示:-

看看下面的 HTML

<table style="width: 100%; height: 550px; text-align: center" border="1" runat="server"
    id="tbl1Details">
    <colgroup>
        <col width="5%" />
        <col width="45%" />
    </colgroup>
    <tr>
        <td colspan="4">
            <asp:Label ID="lblpltfrm_Number" runat="server" Style="height: 20px;"></asp:Label>
        </td>
    </tr>
    <tr>
        <td align="center" style="height: 20px;">
            SR.
        </td>
        <td align="center" style="height: 20px;">
            Stop
        </td>
        <td align="center" style="height: 20px;">
            Time
        </td>
        <td align="center" style="height: 20px;">
            Status
        </td>
    </tr>
    <tr>
        <td id="tTime" runat="server">
            <div id="list" runat="server" style="font-size: 25px;">
            </div>
        </td>
        <td>
            <table style="width: 100%">
                <colgroup>
                    <col width="50%" />
                    <col width="50%" />
                </colgroup>
                <tr>
                    <td style="text-align: left">
                        <div id="dv_FromStop" style="font-size: 25px;" runat="server">
                        </div>
                    </td>
                    <td style="text-align: left">
                        <div id="Dv_ToStop" style="font-size: 25px;" runat="server">
                        </div>
                    </td>
                </tr>
            </table>
        </td>
        <td>
            <div id="dv_Time" style="font-size: 25px;" runat="server">
            </div>
        </td>
        <td>
            <div id="dv_status" style="font-size: 25px;" runat="server">
            </div>
        </td>
    </tr>
</table>

Answer 1

使用以下 CSS:

table td {
  vertical-align: top;
}

或者在 HTML 中，使用:

<td valign="top">
<td style="vertical-align: top;">

第二个是首选，因为 valign 已被弃用。