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

Question

我想在 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 之后没有换行符？

Answer 1

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

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

的边框

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

Answer 2

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

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

我在 codepen

上放了一个更深入的例子

Answer 3

如果您想使用嵌套 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>

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

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

html

outlook

html-table

html-email

line-breaks