如何刪除HTML電子郵件中兩個表格之間的空格？

Question

你可以在這裏看到的例子：http://jsfiddle.net/8EHED/8/

這是一個棘手的問題，因爲我不得不用兩個表，因爲這兩個表的每一行沒有匹配的單元格（否則，這將是一個表）。

每個表格有4列，但單元格的寬度不匹配，從一行到另一行。不幸的是，堆疊的桌子之間有一個很小的空間，當我將這個例子粘貼到Thunderbird作爲一封新郵件併發送到Gmail時，這很明顯。 Gmail，Hotmail和Outlook 2010顯示了這個小空間。

有沒有辦法強制這兩個表堆疊在它們之間的非空格，以便它呈現爲一個大圖像並在Gmail等中正確顯示？

Answer 1

它實際上不是你的表格樣式問題，而是你的圖片。您需要在所有圖像上放置style="display: block;"，或者它們以內聯方式渲染，並導致像這樣的小布局問題（在電子郵件中）

Answer 2

你試過嗎？ ​table {margin:0;display:block}​