第二个table中的img，我在上面加了一个a标签，他下面就会多出几像素，求解


<table>
                <tr>
                    <td style="height: 100px; background-color: Red">
                            <img src="0.jpg" style="height: 100px; width: 50px" border="0" alt="" />
 
                    </td>
                </tr>
            </table>
            <table>
                <tr>
                    <td style="background-color: Red;">
                        <a href="Architecture-pic.html">
                            <img src="images/-team.jpg" alt="" style="width: 215px; height: 125px; border: 0px" />
                        </a>
                    </td>
                </tr>
            </table>

解决方案 »

  1.   

    img 添加样式 display:block;就好了
      

  2.   

    在IMG中加个 border="0" Style里面那个border 就不要了
      

  3.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head><body>
    <table>
                    <tr>
                        <td style="height: 100px; background-color: Red">
                                <img src="http://data.yule.sohu.com/star/pic/broker/23/default.jpg" style="height: 100px; width: 50px;display:block;
    " border="0" alt="" />
     
                        </td>
                    </tr>
                </table>
                <table>
                    <tr>
                        <td style="background-color: Red;">
                            <a href="Architecture-pic.html">
                                <img src="http://data.yule.sohu.com/star/pic/broker/23/default.jpg" alt="" style="width: 215px; height: 125px; border: 0px;display:block;
    " />
                            </a>
                        </td>
                    </tr>
                </table>
    </body>
    </html>
      

  4.   

    定义img 为display:block
    还可以设置父容器的字体大小为零，font-size:0