html - 如何停止在表格单元格内居中？

Question

我的问题将通过下面链接的 JSFiddle 变得更加清晰。

我只是希望每一个都不要在它可能所在的表格单元格中居中(高度)。

这是显示我的问题的示例:http://jsfiddle.net/qc1st2t9/

那么，当表格单元格比无序列表中的内容高得多时，我如何使用 CSS 来防止 a 在表格单元格内居中？

这是我为那些可能不想访问 jsfiddle 的人编写的代码:

HTML:

<table>
    <tr>
        <td colspan="4">Events(1) | Covered Amount: 25/79 | Percent Covered: 32%</td>
    </tr>
    <tr>
        <td>first</td>
        <td>second</td>
        <td>third</td>
        <td>fourth</td>
    </tr>
    <tr>
        <td>
            <ul>
                <li>test</li>
            </ul>
        </td>
        <td>
            <ul>
                <li>test</li>
            </ul>
        </td>
        <td>
            <ul>
                <li>test</li>
                <li>test</li>
                <li>test</li>
                <li>test</li>
                <li>test</li>
                <li>test</li>
                <li>test</li>
                <li>test</li>
                <li>test</li>
            </ul>
        </td>
        <td>
            <ul></ul>
        </td>
    </tr>
</table>

我对 CSS 的尝试(我删除了以负面方式影响它的规则):

    table {
        border-collapse: collapse;
        text-align:left;
        width:100%;
        margin:auto;
    }
    th, td {
        border: 1px solid #cecfd5;
        padding: 10px 15px;
        height:25px;
        max-height:50px;
        text-align:left;
        width:25%;
        font-weight: normal;
    }
    th > div {
        max-height:50px;
        overflow-y:scroll;
        overflow-x:hidden;
        text-align:left;
    }

Answer 1

使用 CSS:vertical-align: top。查看vertical align spec .

演示:http://jsfiddle.net/qc1st2t9/1/