如何在 Outlook 电子邮件中并排排列多个表格?

How can I line up multiple tables side by side in Outlook email?

我想在 outlook 电子邮件中的 "tag" 中显示一些文本,我得到的建议是像这样使用 tables(假设我想在 "tag" 中显示文本=18=] 是我的文字

  <table style='background-color: blue'><tr><td style='padding:2px 5px'><b>MY TEXT</b></td></tr></table>

效果很好,但现在我需要并排显示多个标签,如果我这样做,一个接一个地放,它们会显示在不同的行上。

  <table style='background-color: blue'><tr><td style='padding:2px 5px'><b>MY TEXT</b></td></tr></table>

  <table style='background-color: blue'><tr><td style='padding:2px 5px'><b>OTHER TEXT</b></td></tr></table>

有没有办法在 Outlook 电子邮件中并排排列并且在每个 table 之后没有换行符?

只要一个<table>。在你的两个 table 之间隐藏一个带有 nbsp; 的短单元格,并将单元格的顶部和底部边框设置为 blank/white/no 边框。

您也可以尝试使用嵌套的 tables。也就是说,一个 table 在另一个里面。同样,您将隐藏外部 table.

的边框

最后,您可以使用 divs。此网页使用 divs。看看来源。

一个 table 就可以了。新的 table 或 table 行将垂直移动内容。 table 单元格 (td) 将其水平放置

<table>
    <tr>
        <td>First Text</td>
        <td>Second Text</td>
    </tr>
</table>

我在 codepen

上放了一个更深入的例子

如果您想使用嵌套 table,那么您的外部 table 中有两列(单元格),例如

<table> 
<tr> <td>
<table> <tr> <td>First Text</td> <td>Second Text</td> </tr> </table>
</td> <td>
<table> <tr> <td>First Text</td> <td>Second Text</td> </tr> </table>
</td> </tr> 
</table>