Question

我有一个有两列的表。在一列中有一个图像，当第二个表填充文本时，我想要粘贴到表的顶部。图像通过php脚本调用：

<td width="257">
     <a href="http://mirrorofrace.org/TemplateZoom.php?photo_id=<?echo $_GET['photo_id'];?>">
     <?php echo "<img src=\"http://mirrorofrace.org/{$row["medium_size"]}\" width=\"{$row["medium_width"]}\" height=\"{$row["medium_height"]}\" border=\"0\">";?></a>
  </td>

当第二个td填充了文本时，第一个td中的图像向下移动页面，但我希望它保持在页面顶部。我想我需要用css来完成这项工作。 http://mirrorofrace.org/gallery/profile.php?photo_id=1&interp是正在发生的事情的一个例子。感谢您的任何建议和帮助

Answer 1

垂直对齐td/th中的内容，使用vertical-align：此处td {vertical-align:top;}

Answer 2

要垂直对齐td和th元素中的内容，请使用vertical-align属性。默认情况下，它设置为中间，因此图像在单元格的中间对齐，而不是在顶部。

td {
    vertical-align: top;
}

Answer 3

通过css：

将以下内容添加到您的图片中

img{
position: absolute;
top: 0px;
}

内联或CSS文件。

如果内联，请将图片设为：

    <img src=\"http://mirrorofrace.org/{$row["medium_size"]}\" style=\"width:
{$row["medium_width"]};height:$row["medium_height"]};border:none;
position:absolute;top:0px;\">

使图像粘在桌面上有两列

3 个答案: