使得內容​​元素的靜態位置

Question

我有一個表，我的網頁作爲

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

第一<td>的內容是動態變化的。所以這個<td>的高度也在變化。這種動態變化正在影響第二個<td>，因爲圖像的位置也在變化。
我怎樣才能使圖像在一個靜態的地方在那個<td>元素。

Answer 1

你的意思是圖片的位置總是變爲<td>的中心？

那麼你可以valign="top"屬性添加到包含圖像

所以TD，不關心多久你的第一個<td>是圖像會留在的<td>

Answer 2

你可以使用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