0

我在表格元素中有一个图像，并且图像下方似乎总是有一个边距。下面的最小示例显示了该问题。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>                                                                           
    <head>                                                                       
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">      
        <style type="text/css">                                                  
            body {                                                               
                margin: 0;                                                       
                padding: 0;                                                      
            }                                                                    

            table {                                                              
                width: 100%;                                                     
                border-spacing: 0;                                               
            }                                                                    

            table td {                                                           
                padding: 0;                                                      
                border: 1px dotted;                                              
            }                                                                    
        </style>                                                                 
    </head>                                                                      

    <body>                                                                       
        <table>                                                                  
            <tr>                                                                 
                <td>                                                             
                    <img src="http://cdn.inquisitr.com/wp-content/2012/10/colonel-meow-facebook-e1349873175523.jpeg">
                </td>                                                            
            </tr>                                                                
        </table>                                                                 
    </body>                                                                      

</html>
4

2 回答 2

3

将 CSS 样式添加vertical-align: bottom;到您的图像中，就可以了。除非您不需要图像，否则请display: inline-block;使用以前用户的答案！

于 2013-02-22T23:05:40.750 回答
0

您需要更改图像以显示为块。将此添加到您的 css 样式中... img { display:block;}

于 2013-02-22T23:03:53.300 回答