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已被弃用。

Answer 2

使用vertical-align：https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align。

在CSS中：

td { vertical-align: top; }

在HTML中：

<td valign="top">...</td>

Answer 3

您需要使用垂直对齐。

的CSS：

td { vertical-align:top; }

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

3 个答案: