表第二个td是第一个td(图像)

时间:2011-09-07 13:30:50

标签: html css html-table

这里有表格的布局问题。我知道这不是最好的做法,但必须这样做。

所以我有下表:

<table>
  <tbody>
    <tr>
      <td>
        <img src="/arte.jpg" alt=""/>
      </td>
      <td>
        <strong>Mira en Scheldeland</strong>
       </td>
    </tr>
  </tbody>
</table>

问题是第二个td与图像的高度不同。 像这样:

TD1
   TD2

我尝试过valign,但这不起作用。

我能得到任何帮助吗?

4 个答案:

答案 0 :(得分:2)

Valign应该在这里解决您的问题...请查看此示例:http://jsfiddle.net/Ahrhq/

我在IE7,IE8,IE9,Chrome,Firefox中进行了测试...否则就我们的样式表提供更多信息

答案 1 :(得分:0)

您的图片代码未正确终止:

<img src="/arte.jpg" />

答案 2 :(得分:0)

当浮动应用于td

时,我已经看到过这种行为

你可以用firebug或类似物来检查它是否在样式表中浮动?

页面的CSS确实存在一些问题。

同时检查您是否遗漏了doctype。

答案 3 :(得分:0)

如果您希望文本与图像对齐,请确保没有填充或两个td标记的填充顶部/底部相同。

否则要将它们对齐,只需取下valign值。

最后你可以试着脱掉&lt; tbody&gt;