Question

我的表格中有一个单元格存在问题，现在是一个包含图像的行表。每当我将图像放入单元格内时，该行自动从表格顶部移动到中心。我尝试在行中使用v align但其他内容最终看起来很愚蠢。请帮忙。此外，我通过调整图像大小来确保单元格大于图像。请帮忙。

谢谢

<table width="710" bgcolor="white" height="600" align="center" cellpadding="10">
    <tr>
        <td width="100" height="150" align="center" valign="top">Home</td>
        <td width="100" height="150" align="center">Food</td>
        <td width="100" height="150" align="center">Hobbies</td>
        <td width="100" height="150" align="center">Martin's Blog</td>
        <td width="300" height="150" colspan="2" valign="top"><img src="yooo.gif" width="250"></td></tr>
    <tr>
        <td height="450">   </td>   </tr>

</table>

Answer 1

添加相同数量的TD或第二行使用colspan。 valign="top"工作正常。

Answer 2

有几点需要注意。

您应该关闭<img>标签，如下所示：

<img src="yooo.gif" width="250" />

注意标记末尾的/。

修改道歉，<img>标签只需要在使用XHTML时关闭。 Reference

其次，<tr>是行标记，而不是<td>标记。您只是将valign="top"应用于您的某个单元格。如果您希望该行中的其余单元格对齐，则需要将valign添加到每个单元格。

这里的小提琴示例：http://jsfiddle.net/6E66m/

图像与表格行对齐

2 个答案: