Question

我有一个固定宽度的表，其中有一个＆lt; tr ＆gt;并且1＆lt; td ＆gt;。＆lt; td ＆gt;包含＆lt; img ＆gt;但是这个图像会不时地改变，图像的宽度也是如此。如何将图像放在＆lt;的中心位置？ td ＆gt;？

我试图对齐＆lt; td ＆gt;，但这不起作用。我试图对齐＆lt; img ＆gt;，但这也不起作用。

我试图添加2＆lt; td ＆gt;，＆lt;＆lt; td ＆gt;＆lt; img ＆gt;并尝试使用css来调整2空的宽度＆lt; td ＆gt;到100％和＆lt; td ＆gt;＆lt; img ＆gt;到汽车。那没用。

我不得不说这是我第一次使用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

Answer 2

您是否尝试过使用HTML中心代码？ http://www.w3schools.com/tags/tag_center.asp

将图像放在td的中间

2 个答案: