我想找出一個解決方案,不使用'float:left;'來添加相鄰的表。我正在使用電子郵件模板的代碼,'浮動'不適用於Outlook和其他一些電子郵件客戶端。將表放置在彼此相鄰而不使用'浮動'
我試過了我能想到的所有東西,搜索論壇和網絡上的所有東西,但我無法找到解決方案。
下面是我使用的代碼:
<table width="155" height="155" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff" class="main-content" style="float:left;margin-bottom:20px;">
<tbody>
<tr>
<td><img style="border:0;" align="none" height="113" width="166" src="<?php echo $post_thumbnail ?>" /></td>
<td bgcolor="#f4f4f4" width="35" style="color:#f4f4f4;">T</td>
</tr>
<tr>
<td style="font-family:arial;font-size:13px;font-weight:bold !important;line-height:17px;padding:10px 10px 0;"><strong>Text</strong></td>
<td bgcolor="#f4f4f4" width="35" style="color:#f4f4f4;">T</td>
</tr>
<tr>
<td width="155" style="color: #666;font-size:13px;padding:0 10px 15px;">
<a style="background-color:#ac0003; color:#ffffff; border:1px solid #660b0e;cursor: pointer; display: block; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin: 0 auto;margin-top:10px;padding: 2px 11px;;text-decoration:none;color:#ffffff; font-weight:bold;text-align:center;text-decoration:none;" href="<?php echo $post->guid ?>">Text</a>
</td>
<td bgcolor="#f4f4f4" width="35" style="color:#f4f4f4;">T</td>
</tr>
</tbody>
</table>
幫助!
嘿,首先在搜索結果中,有幫助嗎? http://stackoverflow.com/questions/15367542/in-outlook-html-email-float-does-not-work –
謝謝@RonniSkansing!我已經閱讀了MailChimp,Campaign Monitor等指南,但他們沒有特定的東西寫給我一個解決方案。 –
http://www.email-standards.org/它也沒有提供其他解決方案,但是一個很好的地方可以檢查哪些特定供應商能夠。 –