html - 将图像放在 td 的中间

Question

我有一个固定宽度的表格，有一个 <tr> 和 1 个 <td>。<td> 包含一个 <img> 但该图像会不时更改，图像的宽度也会更改。如何将图像放在 <td> 的中心？

我尝试对齐 <td>，但没有成功。我尝试对齐 <img>，但这也不起作用。

我尝试添加 2 个 <td>，在 <td><img> 的每一侧添加一个，并尝试使用 css将 2 个空 <td> 的宽度调整为 100%，将 <td><img> 调整为 auto。那没有用。

我不得不说这是我第一次使用 CSS。

HTML

< table id="table_image" >
     < tr >
        < td id="left" >&nbsp;< /td >
        < td id="button" >< img src="image.jpg" >< /td >
        < td id="right" >&nbsp;< /td >
     < /tr >
< /table >

CSS

< style type="text/css" >

    #table_image {
        border:0px;
        width:1034px;
        height:auto;
    }
    #left {
        width:100%;
        float:left;
    }
    #center {
        border:0px;
        alignment-baseline:middle
    }
    #right {
        width:100%;
        float:right;
    }
< /style >

请帮忙!

Answer 1

下面是如何将图像放在 <td> 的中间: http://jsfiddle.net/zLS8J/6/我修改了表格和 css，以便您可以清楚地看到边框。您应该关注的主要部分是 text-align:center; 的 css。