移動郵件客戶端在表格單元格中添加圖片之間的間距

移動郵件客戶端（例如Gmail和Inbox）在html郵件中的圖片之間顯示不需要的水平間距，但不是垂直間距，如下面的屏幕截圖所示。 Web客戶端沒有這個問題。移動郵件客戶端在表格單元格中添加圖片之間的間距

的HTML結構如下：

 <table cellspacing="0" cellpadding="0" border="0"> 
      <tr> 
       <td><img width="25" height="29" border="0" style="display: block" src="1.jpg"/></td> 
       <td><img width="30" height="29" border="0" style="display: block" src="2.jpg"/></td> 
       <td><img width="29" height="29" border="0" style="display: block" src="3.jpg"/></td> 
       ... <!-- and so on --> 
      </tr> 
     </table>

所有圖像都將被重置權coresponding設置的尺度和所有像填充，保證金等樣式。向表格單元添加尺寸和colspan並不能解決問題。

它甚至可以解決這個問題嗎？

來源

2016-01-06 I.Anchev

嘗試爲'td'添加相同的'寬度' –

已經嘗試過它，不起作用。我認爲問題在於圖像，而不是表格單元格。 –

好的，你是否嘗試爲'table'添加'width'？ –

您的代碼具有所有必要的屬性，看起來很乾淨，所以問題在此表之外。請提供更多信息，理想情況下僅包含此表格的整個HTML文件。這可能是由於在DPI屏幕中像素不均勻時發生的大小調整造成的，當視口不同並且像素通過子像素寬度重新映射以填充它時。

作爲一個快速解決方案，如果將bgcolor設置爲黑色，那麼缺口會混合在一起？

您是否在<head>中設置了正確的視口元標記？

來源

2016-01-06 11:53:46 revelt

這張桌子外面沒有什麼不同。只有幾張基本相同佈局的表格，唯一不同的是下面的表格只包含一張覆蓋整個表格寬度的圖片。像這樣： '

' 是的，視口元標記被設置。當我發現它留下空格時，我也改變了DOCTYPE，但仍然沒有改變。 –

移動郵件客戶端在表格單元格中添加圖片之間的間距

回答

相關問題