2015-07-03 1017 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

相關問題