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

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

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

---

如何使其垂直和水平显示在表的中心？

将

valign

属性移动到

tr

元素，然后将“center”更改为“middle”

---

然后将其全部删除并使用CSS；-）

将

valign

属性移动到

tr

元素，然后将“center”更改为“middle”

然后将其全部删除并使用CSS；-）

试试这个HTML

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

试试这个HTML

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

---

请不要告诉我你用什么来编码你的网站。td将是100%宽度，除非你告诉它不要be@hunter一个小的修正，但值得一提的是：除非另有定义，否则

tr

元素将在其

td

子元素中平均分配。因此，一行中的一个

td

将是100%宽度，一行中有两个

td

s，默认情况下每个

td

将是50%宽度，依此类推。请不要告诉我你用什么来编码你的站点。除非你告诉它不要，否则td将是100%宽度be@hunter轻微的修正，但值得一提的是：除非另有定义，否则

tr

元素将在其

td

子元素之间平均分配。因此，一行中的一个

td

将是100%宽度，一行中有两个

td

s，默认情况下每个

td

将是50%，依此类推。