日期:2014-05-17  浏览次数:20923 次

如何设置TD中的IMG居中?
HTML code

            <div id="lmain">
                <table>
                <tr>
                    <td><img src="images/indexpp/01.jpg" alt="01" /></td>
                    <td><img src="images/indexpp/02.jpg" alt="02" /></td>
                    <td><img src="images/indexpp/03.jpg" alt="03" /></td>
                    <td><img src="images/indexpp/04.jpg" alt="04" /></td>
                </tr>
                <tr>
                    <td>xxx</td>
                    <td>xxx</td>
                    <td>xxx</td>
                    <td>xxx</td>
                </tr>
                <tr>
                    <td><img src="images/indexpp/05.jpg" alt="05" /></td>
                    <td><img src="images/indexpp/06.jpg" alt="06" /></td>
                    <td><img src="images/indexpp/07.jpg" alt="07" /></td>
                    <td><img src="images/indexpp/08.jpg" alt="08" /></td>
                </tr>
                <tr>
                    <td>xxx</td>
                    <td>xxx</td>
                    <td>xxxx</td>
                    <td>xxx</td>
                </tr>
              </table>
            </div>



CSS code

#lmain{
    width: 685px;
    height: 540px;
    margin-top: 20px;
}
    #lmain table{
        width: 685px;
        height:    540px;
    }



试过在td中用text-align:center;但是没有效果。

------解决方案--------------------
看不太明白。。。
------解决方案--------------------
方法1 <td align="center">图片地址</td> 
不过这样写的话重复代码太多,不易维护。
方法2 使用CSS样式表
td{ text-align:center;}