css Outlook 365,windows -为什么我的图像被切断?

yhxst69z  于 2022-12-30  发布在  Windows
关注(0)|答案(1)|浏览(160)

我想知道为什么我的icons/images在windows上的outlook 365中被切断

<tr style='mso-yfti-irow:1;height:112px;'>
   <td valign="bottom" style='text-align: center'>
    <table border=0 cellspacing=0 cellpadding=0 width=19 height="112"
           style='height: 112px;mso-element-wrap:none;mso-table-lspace: 0pt; mso-table-rspace: 0pt;' align="center">
     <tr>
      <td width="19" >
       <table border="0" cellpadding="0" cellspacing="0" >
        <tr style="height:22px">
         <td valign="bottom">
           <a href="libk-here" target="_blank" rel="noopener">
            <img border="0" width="19" height="22" src="link-here" alt="LI" style="display: block;" nosend="1" moz-do-not-send="true">
           </a>
         </td>
        </tr>
        <tr style="height:22px">
         <td valign="bottom">
           <a href="libk-here" target="_blank" rel="noopener">
            <img border="0" width="19" height="22" src="link-here" alt="LI" style="display: block;" nosend="1" moz-do-not-send="true">
           </a>
         </td>
        </tr>

图像从顶部起具有3 px空白空间
我试图删除父元素中的行高或行高/行宽
每个元素上都有空格x1c 0d1x

fruv7luv

fruv7luv1#

尝试在<a>和/或<td>上设置行高、字体大小和边框,即style="line-height:0;font-size:0;border:0;"
删除<tr>上的所有样式,然后放入<td>
对于Outlook,它通常倾向于属性(width=“111”)而不是内联样式(style=“xxxxx”)。因此,要以Outlook为目标,请一致地使用属性。但通常不需要指定总体高度和宽度,因为表格往往会扩展以适应内容(然而,Outlook是一个基于打印的解决方案,它需要一个单一的无响应布局,所以我不会对此说不--但同时考虑一下移动的电子邮件客户端)。
<head>中使用以下代码一次重置所有表(然后可以内联删除它):

<!--[if mso]>
  <style type="text/css">
  table {
    border-collapse: collapse;
    mso-table-lspace: 0pt;
    mso-table-rspace: 0pt;
  }
  </style>
<![endif]-->

相关问题