将图像放在td的中间

Question

我有一个固定宽度的表,只有一个< tr >和1 < td >.< td >包含< img >,但该图像会随着图像宽度的变化而不时变化.如何将图像放在< td > 的中心？

我试图对齐< td >,但这不起作用.我试图对齐< img >,但这也不起作用.

我尝试在< td > < img >的每一侧添加2 < td >,并尝试使用css将2空< td > 的宽度调整为100%,将< td > < img >调整为自动.那没用.

我不得不说这是我第一次使用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,以便您可以清楚地看到边框.你应该关注的主要部分是css fortext-align:center;