javascript - 使元素中的内容处于静态位置

Question

我有一张桌子和我的网页

 <table>
   <tr>
      <td>
         .....  
         .....
      </td>
      <td>
          <img src="mylogo.jpg"/>
      </td>
    </tr>
 </table>

第一个的内容<td>是动态变化的。所以这个高度<td>也在变化。这种动态变化正在影响第二个<td>，因为图像的位置也在变化。
我怎样才能在该<td>元素的静态位置制作图像。

score 2 · Accepted Answer

你的意思是图片的位置总是改变到中心<td>？

然后您可以将valign="top"属性添加到包含您的图像的 td

所以，不管你的第一个是多久<td>，图像将保持在顶部<td>

score 1 · Accepted Answer

你可以使用 CSS：

#mytable{
  position:relative;
}
#myimage{
    position:absolute;
    top: ___;
    left: ___;
}

替换___为所需的距离。

编辑：

但如果你想要的是背景，那么你可以更好地使用：

HTML：

<table id="mytable">
   <tr>
      <td>
         .....  
         .....
      </td>
    </tr>
</table>

CSS：

#mytable{ 
    background: url('mylogo.jpg');
}

2 回答 2