html - 如何在 Outlook 的表格中将图像居中

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>

用于垂直和水平对齐。