HTML电子邮件签名-图像并排排列，中间没有空格

我试图创建一个HTML电子邮件签名，我把2个图像并排放置

以下是我正在使用的html代码：

身体{
背景色：白色；
保证金：0；
}
img{display:block；}
.行{
空白：nowrap；
显示器：flex；
}

我试过：

• 创建DIV
• 创建表

在Html中，这两种代码看起来都很好，但当我将这段代码粘贴到电子邮件客户端（例如Outlook）时，会出现一些问题

如果电子邮件页面的宽度不够，则div会移动图像（即使已禁用自动换行）。 在表格版本中，有一个垂直空间我无法摆脱

有什么办法解决这个问题吗？我不在乎哪个解决方案有效，div还是tables

---

这里有几个方面：

Outlook只读取高度和宽度数值（如果它们也在样式标记之外，我想）。在这里，你可以看到下面我在我的方法中添加了冗余

<img src="https://imageurl....." alt="alt-text" height="48" width="48" style="display: block; width: 48px; height: 48px;" />

在应用边距和填充重置的同一点上设置初始表格的宽度也会很有帮助

---

要删除任何不需要的垂直空间，我认为还应该在

元素中将填充重置为0。

这里有几个方面：

Outlook只读取高度和宽度数值（如果它们也在样式标记之外，我想）。在这里，你可以看到下面我在我的方法中添加了冗余

<img src="https://imageurl....." alt="alt-text" height="48" width="48" style="display: block; width: 48px; height: 48px;" />

在应用边距和填充重置的同一点上设置初始表格的宽度也会很有帮助

要删除任何不需要的垂直空间，您还应该将

元素中的填充重置为0