行高不均勻的表格

Question

我得到了一個HTML表格的問題。左列應該有3行（我只是在下面看到的圖像中玩耍），右邊是1。我想將文本放在左列第一行的左上角。我可以放置文字，但不在左上角。

這是我的代碼：

<table border="1"> 
 
    <tbody> 
 
    <tr> 
 
     <td style="width: 50%;">a</td> 
 
     <td style="width: 50%;" rowspan="7"><img src="http://chorix.be/wp-content/uploads/2017/02/Achtergrond.gif" alt="" width="570" height="570" class="alignnone size-full wp-image-378" /></td> 
 
    </tr> 
 
    <tr> 
 
     <td style="width: 50%;">a</td> 
 
    </tr> 
 
    <tr> 
 
     <td style="width: 50%;">a</td> 
 
    </tr> 
 
    <tr> 
 
     <td style="width: 50%;">a</td> 
 
    </tr> 
 
    <tr> 
 
     <td style="width: 50%;">a</td> 
 
    </tr> 
 
    <tr> 
 
     <td style="width: 50%;">a</td> 
 
    </tr> 
 
    <tr> 
 
     <td style="width: 50%;">a</td> 
 
    </tr> 
 
    </tbody> 
 
</table> 
 
<p>&nbsp;</p>

誰能幫我在這？

Answer 1

我相信你要找的是vertical-align。默認情況下，這是設置爲middle表格單元格，但你可以將其設置爲top：

<td style="vertical-align: top"> ... </td> 

<table border="1"> 
 
    <tbody> 
 
    <tr> 
 
     <td style="width: 50%; vertical-align: top;">a</td> 
 
     <td style="width: 50%;" rowspan="7"><img src="http://chorix.be/wp-content/uploads/2017/02/Achtergrond.gif" alt="" width="570" height="570" class="alignnone size-full wp-image-378" /></td> 
 
    </tr> 
 
    <tr> 
 
     <td style="width: 50%;">a</td> 
 
    </tr> 
 
    <tr> 
 
     <td style="width: 50%;">a</td> 
 
    </tr> 
 
    <tr> 
 
     <td style="width: 50%;">a</td> 
 
    </tr> 
 
    <tr> 
 
     <td style="width: 50%;">a</td> 
 
    </tr> 
 
    <tr> 
 
     <td style="width: 50%;">a</td> 
 
    </tr> 
 
    <tr> 
 
     <td style="width: 50%;">a</td> 
 
    </tr> 
 
    </tbody> 
 
</table> 
 
<p>&nbsp;</p>