垂直 - 对齐不工作的电子邮件

时间:2018-02-23 15:05:31

标签: html css html5

我正在使用adobe CRM和HTML 5以及CSS编写电子邮件。 我有垂直对齐的问题:中间它在Outlook中工作正常,但是当向Gmail发送电子邮件时,它不起作用就像它在我的图像表中添加了一个空格。 这是我的代码

table
{
border-spacing : 0;
border-collapse : collapse;
margin: 0 auto;
}
td
{
padding: 0; 
}

      <table width="680" cellspacing="0" cellpadding="0" align="center">
            <table cellpadding="0" cellspacing="0" border="0" align="center">
               <tr>
                  <td>
                     <img alt="" src="1.png" style="vertical-align:middle;">
                  </td>
               </tr>
            </table>
            <table cellpadding="0" cellspacing="0" border="0" align="center">
               <tr>
                  <td><img alt="" src="2.png" style="vertical-align:middle;"></td>
                  <td>

          <img alt=""  src="3.png" style="vertical-align:middle;"></td>
                  <td>
          <img alt="" src="4.png" style="vertical-align:middle;"></td>
                  <td>

          <img alt="" src="5.png"style="vertical-align:middle;"></td>
                  <td>
          <img alt="" src="6.png" style="vertical-align:middle;">
          </td>
               </tr>
            </table>
            <table cellpadding="0" cellspacing="0" border="0" align="center">
               <tr>
                  <td>
                     <img alt="" src="7.png" style="vertical-align:middle;">

            </table>

不知道为什么它不适用于Gmail,而且它适用于Outlook ... 有谁可以帮助我吗 ? 感谢

0 个答案:

没有答案