问题
I recently mocked up an e-mail marketing (mail chimp) e-mail in Photoshop, and exported it into HTML (using tables and inline styles (unfortunately) so that it appears correctly in all/most e-mail clients.
However, after sending myself a test e-mail to see how it appears in my Gmail account, I can see there is a white dividing line between each row of my table, which I cannot seem to remove or find when I inspect it in Google Chrome.
Can anybody tell me how to remove these dividers? My full HTML can found at http://pastebin.com/gJWJGEak# A screenshot of how the email is currently appearing can be found at http://img521.imageshack.us/img521/346/screenshotvg.png
回答1:
I found your problem. It has nothing to do with borders, but with the size of the text inside the cells.
Your text expands too much and it causes the containing cells to expand. If you reduce the text size or the margin of the paragraphs you'll achieve the desired result.
I hope it helps! :)
回答2:
All of your images need to be explicitly style="display:block;".
And just a heads up, background images won't work in Outlook 2007 and 2010.
来源：https://stackoverflow.com/questions/16560885/how-to-remove-the-divide-between-table-rows-in-e-mail-shot