表格第二列中的HTML CSS图像无法正确显示

Question

我正在尝试创建一个表，该表在第一列上有一个列表，在第二列中有一个图像。但是，当我将图像放在第二列时，它会将第一列的列表向下移动。以下是发生的事情：

如您所见，图像会将列表向下移动。我怎么能这样看起来像这样：

这是表格的代码。

<table border="0">
  <tr>
    <td>
      <ul>
        <li>F1</li>
        <li>ALMS</li>
        <li>Le Mans 24 Hour</li>
        <li>WTCCBritish GT</li>
        <li>BTCC</li>
        <li>Toca support races</li>
     </ul>
   </td>
   <td>
     <a href="http://www.motorground.co.uk/wp-content/uploads/2013/02/track-day-0732.jpg"><img src="http://www.motorground.co.uk/wp-content/uploads/2013/02/track-day-0732-300x200.jpg" alt="PrivateTuitionimg073" width="300" height="200" class="aligncenter size-medium wp-image-23" /></a>
   </td>
  </tr>
</table>

Answer 1

您必须添加到您的img样式：     漂浮：对 并将它放在同一单元格中的te列表底部。

Answer 2

通常您必须为表格单元格设置垂直对齐方式。

看看这个内容。这应该回答你的问题;）

http://phrogz.net/css/vertical-align/index.html