如何将图像放在Outlook中的表格中

问题描述:

在Outlook中移动文本或图像中心的正确内联CSS是什么?任何时候我在浏览器中打开它,它看起来都很棒,但底部的图像和文本始终保留在Outlook中。不知道还有什么要尝试。任何帮助,下面的属性赞赏如何将图像放在Outlook中的表格中

<table cellpadding="0" cellspacing="0" border="0" width="800" align="left"> 
    <table align="left" width="800px;"> 
     <tr width="800px"> 
      <td><img width="800px;" src="images/ArlingtonPic-edited.png"></td> 
     </tr> 
    </table> 

    <table align="left" width="800px;"> 
     <tr width="800px"> 
      <td width="800px" style="font-size:20px; margin-left: auto; 
       margin-right: auto; text-align: center; vertical-align: middle;"> 
       <strong>Arlington Concrete Floor Boxes</strong></td> 
     </tr> 
    </table> 

    <table align="left" width="800px;"> 
     <tr width="800px"> 
      <td width="350px" style="font-size:16px; padding: -10px 10px 0 10px;"> 
       <p>Our NEW heavy-duty<strong>FLBC4502</strong> 4.5"<strong> concrete floor 
       box</strong> has more! <strong> <span style="color: red">SIX conduit hubs and FOUR plugs.</span></strong> 
       And the NEW FLBC4502LR leveling ring makes 
       installation easier than ever on our FLBC4500 
       and FLBC4502, and others concrete boxes. <br> 
       It is <em>REVERSIBLE!</em></p> 
       </ul> 
      </td> 

      <td width="350px" style="font-size:16px; padding: 0 10px;"> 
       <p>The screw holes on SIDE A fit all 4.5" boxes, 
        and accommodate our 6" round covers, 
        and most others on the market. 
        SIDE B features a second set of holes 
        that fit a cover with a 3-3/8" hole pattern. 
        These Arlington <strong>cover kits</strong> fit 
        our concrete boxes. <br> 
        <em>That is convenience!</em></p> 
      </td> 
     </tr> 
    </table> 

    <table align="left" width="800px;">       
     <tr width="800px"> 
      <td width="800px" style="margin-left: auto; margin- 
       right: auto; text-align: center; vertical-align: middle;"> 
       <img src="images/ArlingtonLogo.png"> 
      </td> 
     </tr> 
    </table> 

+0

可能的[HTML中心表格]重复(https://*.com/questions/13469383/center-table-in-html) – Rob

在您的表格单元格使用:

<td valign="middle" align="center">...</td> 

垂直和水平对齐。

short article可能会帮助你。

+0

'valign'和'align'是过时的属性:https:// www .w3.org/TR/html52/obsolete.html#non-conforming-features – Rob

+1

对于需要HTML邮件,请相信我。 – skobaljic

+0

对于HTML邮件,我从来没有用过它们,相信我。 – Rob