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

时间:2015-07-03 12:16:41

标签: html outlook html-table html-email line-breaks

我想在outlook电子邮件中的“标签”中显示一些文字,我得到的建议是使用这样的表格(假设我想在“标签”中显示的文字是“我的文字”

  <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电子邮件中的每个表之后没有换行符?

3 个答案:

答案 0 :(得分:1)

一张桌子可以正常使用。新表或表行将垂直移动内容。表格单元格(td)将水平放置

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

我在codepen

上放了一个更深入的例子

答案 1 :(得分:0)

只有一个<table>。在两个表之间隐藏一个nbsp;的短单元格,并将单元格的顶部和底部边框设置为空白/白色/无边框。

您也可以尝试使用嵌套表格。也就是说另一张桌子里面有一张桌子。你再次隐藏了外围桌子的边框。

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

答案 2 :(得分:0)

如果你想使用嵌套表,那么外表中有两列(单元格),例如。

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