使内容处于元素静态位置

时间:2013-01-08 10:24:15

标签: javascript html css

我有一张桌子和我的网页

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

第一个<td>的内容正在动态变化。所以<td>的高度也在变化。这种动态变化正在影响第二个<td>,因为图像的位置也在变化 如何在<td>元素中的静态位置创建图像。

2 个答案:

答案 0 :(得分:2)

你的意思是图片的位置总是变为<td> ??

的中心

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

因此,不关心图片的第一个<td>多长时间将保持在<td>

的顶部

答案 1 :(得分:1)

你可以使用CSS:

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

___替换为所需的距离。

修改:

但如果您想要的是背景,那么您最好使用:

HTML:

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

CSS:

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

如果您想调整位置,请参阅http://www.w3schools.com/cssref/pr_background-position.asp