垂直對齊（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>

當前看起來像這樣：

在此處輸入圖片說明

Answer 1

為了確保表格垂直對齊，請在表格中添加一個類，然后將此CSS添加到頭部

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

這是一個鏈接

Answer 2

嘗試添加此CSS：

table tr td:nth-child(1),td:nth-child(2){
    text-align: center;
}