为什么这个图像没有垂直和水平排列在桌子的中心？

Question

我有一张20px x 20px的图像显示在空表的左上角：

<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;
}