2017-09-07 26 views
-1

在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://stackoverflow.com/questions/13469383/center-table-in-html) – Rob

回答

0

在您的表格單元格使用:

<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