0

我的表中的一个单元格出现问题，现在是一个行表，其中包含一个图像。每当我将图像放入单元格中时，该行会自动从表格顶部移动到中心。我尝试在行中使用 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>
4

2 回答 2

1

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

于 2013-05-03T01:06:11.537 回答
1

有几点需要注意。

你应该<img>像这样关闭你的标签：

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

注意/标签末尾的 。

编辑 道歉，<img>标签只需要在使用 XHTML 时关闭。参考

其次<tr>是行标签而不是<td>标签。您只申请valign="top"了一个单元格。如果您希望该行中的其余单元格顶部对齐，则需要将 添加valign到每个单元格。

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

于 2013-05-03T01:07:00.853 回答