1

我有三张桌子。当它们都充满数据（10 行）时，它们看起来很好。见图片 在此处输入图像描述

但是，当尚未达到最大容量（即 10 行）时，表格将居中。 在此处输入图像描述

我想将对齐保持在第一张图片的顶部以及底部的按钮。有没有简单的风格来做到这一点？我的 HTML 看起来像这样

<table width="100%">
    <tr>
        <td>
            <table id="SomeTableContainer">
                <tr>
                    <th>Name</th>
                </tr>
            </table>
            <button id="prev1"><<</button>
            <button id="next1">>></button>
            <button id="create1">Create</button>
        </td>
        <td>
            <table id="SomeOtherTableContainer">
                <tr>
                    <th>Name</th>
                </tr>
            </table>
            <button id="prev2"><<</button>
            <button id="next2">>></button>
            <button id="create2">Create</button>
        </td>
        <td>
            <table id="OtherTableContainer">
                <tr>
                    <th>Name</th>
                </tr>
            </table>
            <button id="prev3"><<</button>
            <button id="next3">>></button>
        </td>
    </tr>
</table>
4

4 回答 4

0

嗨，现在添加td valign="top"

像这样

<td valign="top">

或用于

css

td{
vertical-align:top;
}
于 2012-09-17T11:29:47.920 回答
0

只需将其添加到您的第一个 TR：

<tr valign="top"></tr>
于 2012-09-17T11:30:39.993 回答
0

添加样式 

td { vertical-align: top;}
于 2012-09-17T11:31:22.677 回答
0

尝试这个 

<td valign="top">
                <table id="SomeOtherTableContainer">
                    <tr>
                        <th>Name</th>
                    </tr>
                </table>
                <button id="prev2"><<</button>
                <button id="next2">>></button>
                <button id="create2">Create</button>
            </td>
于 2012-09-17T11:32:30.953 回答