Html 如何在outlook客户端中产生这种效果？

我在rails中创建了一个mailer视图，它在除outlook之外的所有客户端上都显示得非常好。限制因素是缺少“位置”属性

我正在尝试将图像放置在表格行的顶部，以便顶部和底部边缘位于该行的上方/下方。我已经为其他电子邮件客户端实现了这一点，通过将图像放在这上面的另一行，使位置绝对，并给它一个负的顶部边距。然后，我可以通过调整顶部边距值，使图像向下并与底部行重叠。（见守则）

一些文本

职位：绝对在outlook中不起作用，有什么好的替代方案可以帮助我实现这一目标

---

谢谢

您将无法以与position:absolute相同的方式实现这一点
你的选择是：

将图像分割为三个部分，并在三个部分中的每一部分中使用每个切片

将三行部分制作成背景图像，并将图像正常放置

我知道这两种方法都不理想，但你的前景有限，通常的保证金和仓位技巧不会奏效

使用我建议的选项，而不是重新构造代码，您只需使用特定于Outlook的条件语句为Outlook添加一个新块：

所有其他客户

<tr>
  <td>
    <%= image_tag(attachments['logo.png'].url, style:"text- 
      align:left;height:100px; width:100px; margin:-30px 10px 10px 10px; 
      position: absolute") %>
  </td>
</tr>

<tr>
  <td style="text-align: left; padding-left: 125px;">
    Some Text
  </td>
</tr>