0
我正在寫一封電子郵件,它只在「Windows 10 Mail」中出現問題。在中間的TD中,我有一個帶有圖形的3個表格單元格。左側的&右側的TD包含灰色背景的2像素高度表。這是爲了讓它看起來像圖標被2條灰線包圍。Windows 10郵件給我大TD單元
小桌子都應用height=2
。我試過使用VML代碼,沒有效果。有任何想法嗎?
結果:下面
代碼:
<table cellpadding="0" cellspacing="0" border="0" width="300" style="max-width: 300px">
\t <tr>
\t \t <td valign="middle" width="35%" style="max-width: 108px; line-height: 0; font-size: 0">
\t \t \t <!-- Left Gray Table -->
\t \t \t <table cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width: 108px; max-height: 2px" height="2">
\t \t \t \t <tr>
\t \t \t \t <td height="2" bgcolor="#EAEAEA" style="height: 2px; background-color: #eaeaea; font-size: 0; line-height: 0"><img src="http://go.rocketlawyer.com/rs/148-CGS-511/images/spacer.gif" height="2" width="100%" style="min-width: 74px; max-width: 108px; min-height: 2px; max-height: 2px; display: block">
\t \t \t \t </td>
\t \t \t \t </tr>
\t \t \t </table>
\t \t \t <!-- END Left Gray Table -->
\t \t </td>
\t \t <td align="center" valign="middle" width="53" class="full-width-image" height="92"><img src="http://go.rocketlawyer.com/rs/148-CGS-511/images/icon-quick-answers.png" alt="Chat bubble icon" width="106" height="92" style="border-width:0;display:block;width:100%;max-width:53px;height:auto; max-height:92px">
\t \t </td>
\t \t <td valign="middle" width="35%" style="max-width: 108px;">
\t \t \t <!-- RIGHT Gray Table -->
\t \t \t <table cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width: 108px; min-height: 2px; max-height: 2px" height="2">
\t \t \t \t <tr>
\t \t \t \t \t <td height="2" bgcolor="#EAEAEA" style="height: 2px; background-color: #eaeaea; font-size: 0; line-height: 0"><img src="http://go.rocketlawyer.com/rs/148-CGS-511/images/spacer.gif" height="2" width="100%" style="min-width: 74px; max-width: 108px; min-height: 2px; max-height: 2px; display: block">
\t \t \t \t \t </td>
\t \t \t \t </tr>
\t \t \t </table>
\t \t \t <!-- END RIGHT Gray Table -->
\t \t </td>
\t </tr>
</table>