如何刪除表格元素中圖像底部的邊距？

我在表格元素中有一張圖片，圖片下方總是有一個邊距。下面的最小例子顯示了這個問題。如何刪除表格元素中圖像底部的邊距？

<!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>

來源

2013-02-22 Fabian Barkhau

有趣的圖片 – martriay 2013-02-22 23:02:12

將CSS樣式vertical-align: bottom;添加到您的圖片中，將會執行此操作。除非你不需要圖像display: inline-block;然後使用前一個用戶的答案！

來源

2013-02-22 23:05:40

您需要將圖像更改爲塊顯示。將此添加到您的css樣式中... img {display：block;}

來源

2013-02-22 23:03:53 jas7457

如何刪除表格元素中圖像底部的邊距？

回答

相關問題