2015-07-03 167 views
0

我要显示在Outlook电子邮件和我得到的建议在一个“标签”一些文字是用这样的表(假设我想在“标签”显示文本是个人文本如何在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电子邮件中的每个表后面有换行符?

回答

1

一张桌子可以正常工作。新的表格或表格行将垂直移动内容。表的单元格(TD)将其置于水平

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

我已经放在一个更深入的例子在codepen

0

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

你也可以尝试使用嵌套表。这就是说在另一个表内。再次,你会隐藏外表的边界。您可以使用div s。此网页使用div s。看看源代码。

+0

它看起来像把它们嵌套表内仍然有它显示了在父表格单元格内的多行 – leora

+0

div的不某些电子邮件客户端正常工作了同样的问题。坚持桌子。它会觉得像1999年,但至少它会更加一致 –

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

p.s.它的确会觉得像90: - D – Fran

相关问题