css Outlook 365，windows -为什么我的图像被切断？

yhxst69z 于 2022-12-30 发布在 Windows

关注(0)|答案(1)|浏览(162)

我想知道为什么我的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

css

来源：https://stackoverflow.com/questions/74928270/outlook-365-windows-why-my-images-are-cutting-off

1条答案

按热度按时间

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]-->

赞(0）回复(0）举报 2022-12-30

我来回答

css Outlook 365，windows -为什么我的图像被切断？

1条答案

相关问题

热门标签

最新问答