如何創建「表」響應所有電子郵件客戶端？

Question

我將創建一個表，我的通訊，但是我讀每一個客戶在不一樣的方式讀取代碼... 所以我想有一個table，這將是迴應所有的電子郵件服務...

我做了一個小例子..

<table width="100%" cellspacing="0" cellpadding="0" border="0" style="border-spacing: 0;border-collapse: collapse;vertical-align: top; color: #000000; font-size: 15px; margin-top:25px; font-family: Arial"> 
    <tbody> 
    <tr style="vertical-align: top; height: 40px"> 
     <td valign="middle" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top; font-weight: bolder; border-width: 2px 1px 2px 2px; border-style: solid; border-color: #769e9e; text-align: center; padding: 8px 3px 8px 5px; width: 125px;"> 
     <!--<![endif]--> 
     Vulcano 
     <!--[if !mso]><!- - --> 
     </td> 
     <td valign="middle" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top; font-weight: bolder; border-width: 2px 2px 2px 1px; border-style: solid; border-color: #769e9e; text-align: center; padding: 8px 3px 8px 5px; width: 100px;"> 
     Ultima attivita' 
     <!--[if !mso]><!- - --> 
     </td> 
    </tr> 

    <tr style="vertical-align: top"> 
     <td valign="middle" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top; text-align: left; border-width: 1px 1px 1px 2px; border-style: solid; border-color: #a8c1c1 #a8c1c1 #a8c1c1 #769e9e; padding: 3px 3px 3px 5px; width: 125px;"> 
     <!--<![endif]-->Etna 
     <!--[if !mso]><!- - --> 
     </td> 
     <td valign="middle" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top; text-align: left; border-width: 1px 2px 1px 1px; border-style: solid; border-color: #a8c1c1 #769e9e #a8c1c1 #a8c1c1; width: 100px; padding: 3px 0px 3px 8px;"> 
     <!--<![endif]-->2015 
     <!--[if !mso]><!- - --> 
     </td> 
    </tr> 


    <tr style="vertical-align: top"> 
     <td valign="middle" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top; border-style: solid; border-color: #769e9e; border-width: 1px 1px 2px 2px; width: 125px; padding: 3px 3px 3px 5px;"> 
     <!--<![endif]--> 
     <!--[if !mso]><!- - --> 
    </td> 
    <td valign="middle" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top; border-style: solid; border-color: #769e9e; border-width: 1px 2px 2px 1px; width: 100px; padding: 3px 3px 3px 5px;"> 
     <!--<![endif]--> 
     <!--[if !mso]><!- - --> 
    </td> 
    </tr> 
</tbody> 
</table> 

這裏是http://jsfiddle.net/s7n7exst/

宥想什麼？

Answer 1

更新時間：

總體而言，是 - 你有什麼工作。您的表格會在某些Outlook客戶端崩潰，如果您繼續添加此功能，則需要使用Litmus和/或EmailOnAcid測試您的電子郵件以確保一致性。

我已經固定有兩件事情，現在這應該工作

<table width="100%" cellspacing="0" cellpadding="0" border="0" style="border-spacing: 0; border-collapse: collapse;vertical-align: top; color: #000000; font-size: 15px; Margin:25px 0 0 0; font-family: Arial"> 

    <tr height="40" style="vertical-align: top; height: 40px"> 
    <td valign="middle" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top; font-weight: bolder; border-width: 2px 1px 2px 2px; border-style: solid; border-color: #769e9e; text-align: center; padding: 8px 3px 8px 5px; width: 125px;">Vulcano</td> 
    <td valign="middle" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top; font-weight: bolder; border-width: 2px 2px 2px 1px; border-style: solid; border-color: #769e9e; text-align: center; padding: 8px 3px 8px 5px; width: 100px;">Ultima attivita'</td> 
    </tr> 

    <tr style="vertical-align: top"> 
    <td valign="middle" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top; text-align: left; border-width: 1px 1px 1px 2px; border-style: solid; border-color: #a8c1c1 #a8c1c1 #a8c1c1 #769e9e; padding: 3px 3px 3px 5px; width: 125px;">Etna</td> 
    <td valign="middle" style="word-break: break-word; border-collapse: collapse !important;vertical-align: top; text-align: left; border-width: 1px 2px 1px 1px; border-style: solid; border-color: #a8c1c1 #769e9e #a8c1c1 #a8c1c1; width: 100px; padding: 3px 0px 3px 8px;">2015</td> 
    </tr> 

</table>