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 に答える