表中的图像显示在表外。

Question

我想要在消防车图像旁边的4个灰色块，但无论我如何将它们放在桌子上，它们都会显示得更低，就好像上面有200磅的填充物。我搞不懂他们为什么还在动，我想让他们在上面对齐，加上垂直对齐也没用。

<table width="1000" border="0" height="322">
  <tbody>
    <tr>
      <td><img src="/Images/Monroe_Fire_Department_Website_Banner_03.jpg"></td>
      <td class="work"><img src="/Images/Banner-Nav-Background-Gray_03.jpg">
      <img src="/Images/Banner-Nav-Background-Gray_03.jpg">
      <img src="/Images/Banner-Nav-Background-Gray_03.jpg">
      <img src="/Images/Banner-Nav-Background-Gray_03.jpg"></td>
    </tr>
  </tbody>
</table>

可以随意查看示例/源代码以及下面的链接。

http://monroefiredepartment.businesscatalyst.com/test.html

Answer 1

令人不快的CSS看起来像是应用于页面上所有元素的vertical-align: baseline。如果您检查包含四个灰色块的<td>元素，并取消选中vertical-align: baseline，则这些块向上移动，并与消防车图像的顶部对齐。

我认为您可以安全地从样式表中删除它，因为它似乎不会影响页面上的任何其他元素。

Answer 2

尝尝这个

<table width="1000" border="0" height="322">
  <tbody>
    <tr>
      <td><img src="/Images/Monroe_Fire_Department_Website_Banner_03.jpg"></td>
      <td valign="top" style="
    float: left;
"><img src="/Images/Banner-Nav-Background-Gray_03.jpg">
      <img src="/Images/Banner-Nav-Background-Gray_03.jpg">
      <img src="/Images/Banner-Nav-Background-Gray_03.jpg">
      <img src="/Images/Banner-Nav-Background-Gray_03.jpg"></td>
    </tr>
  </tbody>
</table>