javascript - 垂直对齐 (HTML)

Question

有人可以帮我垂直居中对齐表格的前两列吗？请看下面的代码:

 
<table border="1" style="width: 625px;">
<tbody>
    <tr>
        <td colspan="3" rowspan="1"><b>Property 1</b></td>
    </tr>
    <tr>
        <td colspan="1" rowspan="1">Yellow</td>
        <td colspan="1" rowspan="1">Ad</td>
        <td colspan="1" rowspan="1">abcdefgfffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff
        <ul>
            <li>12345</li>
            <li>4556</li>
            <li>793</li>
        </ul>
        </td>
    </tr>
</tbody>

目前看起来像这样:

enter image description here

Answer 1

要确保表格垂直对齐，请向表格添加一个类，并在头部添加此 css

.verticalTable tr td {
  vertical-align:middle;
}

这是a link