Question

在Outlook中移动文本或图像中心的正确内联css是什么。任何时候我在浏览器中打开它，它看起来很棒但底部图像和文本始终保留在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>

Answer 1

在您的表格单元格中使用以下属性：

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

用于垂直和水平对齐。

此short article可能会对您有所帮助。

Answer 2

这会将图像添加到Outlook的中心。

<table width="100%">
<tr>
<td align="center">
<img src="https://4de5ad3168da.png" align="middle" width="200" height="130">
</td>
</tr>
</table>

如何将图像置于Outlook中的表格中心

2 个答案: