爲什麼這張圖片不能在桌子的中央垂直和水平排列？

Question

我有20像素的圖像被顯示在一個空表左上角的一個20像素：

<table width="100px"> 
    <tr> 
     <td width='100%' align='center' valign='center'> 
      <img id='redimg' src='/images/redimg.gif'/> 
     </td> 
    </tr> 
<table> 

我如何得到它出現在表垂直和水平的中心？

Answer 1

將valign屬性移動到tr元素，然後將「center」更改爲「middle」。

然後將其刪除所有並使用CSS ;-)

Answer 2

試試這個HTML

<table class="mytable"> 
    <tr> 
     <td> 
      <img id='redimg' src='/images/redimg.gif'/> 
     </td> 
    </tr> 
<table> 

這個CSS

.mytable 
{ 
    width: 100px; 
} 

.mytable td 
{ 
    vertical-align: middle; 
    text-align: center; 
}