重寫文本對齊：對齊OWA - HTML電子郵件

我遇到Outlook Web App（OWA）問題。不用說，各種Outlook客戶端存在很多問題，但OWA是我遇到的最少的文檔記錄。重寫文本對齊：對齊OWA - HTML電子郵件

下面的代碼在所有客戶端，Outlook 2000-2013，GMail，Yahoo，AOL中都能正常工作，但在OWA中，文本始終設置爲text-align: justify，我無法覆蓋它。

<table width="100%" cellpadding="0" cellspacing="0" border="0"> 
    <tr> 
    <td align="left" width="208" valign="top"> 
     <div><multiline label=」Body」> 
     Dummy text goes in here, blah blah blah. Man, I'm hungry. 
     </multiline></div> 
    </td> 
    </tr> 
</table>

到目前爲止，我已經試過設置：

text-align: left
text-align: left !important
float: left
float: left !important

在以下元素：

<table>
<td>
<div>
<span>
<multiline>
.left如作爲類

而且，稍不相關的音符，B旦是

<div><multiline label="Body"> content </multiline></div>

需要的是僅發生在OWA雙行間距的護理。

關於如何設置text-align: left的任何想法？

來源

2014-03-04 itsclarke

你有沒有試圖消除DIV？一般不建議在HTML電子郵件中使用DIV等。你應該幾乎像1998年（或其附近）那樣編程。如果您刪除DIV和/或多行是文本左對齊？ –

我同意比利。刪除div並在''中的'align = left'應該可以工作。您可以將Campaign Monitor多行標籤保留在那裏。我注意到多行標籤中的引號不是正確的類型。遠射，但這可能也會產生影響。 – John

@BillyMoat問題是，當我刪除'div'時，line-height是大約兩倍，這是我開始使用'div'的唯一原因。 – itsclarke

-1

我有完全相同的問題，今天我找到了解決方案。 :) 首先你需要強制所有的文本左側，並使用中心/右對齊文本的類。

CSS：

td { 
    text-align: left !important; /* Set all text to left as default to overwrite OWA text-align justify */ 
} 

td.center { 
    text-align: center !important; /* text-align center for most email clients, OWA doesn't recognize this */ 
    text-align: center; /* OWA fix, overwrites left !important with this */ 
} 

td.center * { 
    text-align: center; /* Outlook 07,10,13 fix */ 
} 

td.right { 
    text-align: right !important; /* text-align right for all most email clients, OWA doesn't recognize this */ 
    text-align: right; /* OWA fix, overwrites left !important with this */ 
} 

td.right * { 
    text-align: right; /* Outlook 07,10,13 fix */ 
}

來源

2014-03-20 15:02:31 samisiuvatti

剛試過這個，它根本沒有調整對齊。 – itsclarke

這對我也不起作用。 – Johnny5k

我在OWA遇到這個問題準確，@約翰的回答從包裝<td>細胞去除align="left"是要走的路。

我用一個<span>標籤包裹了我的文本，這使我可以控制行高。希望有所幫助！

我的代碼：

<td class="center respHead" valign="top" bgcolor="#FFFFFF" style="font-size:26px;line-height:30px;font-weight:bold;padding-left:20px;text-align:left !important"> 
    <span style="color:#010101;font-size:26px;line-height:30px;font-weight:bold"> 
     Previously Justified Content 
    </span> 
</td>

來源

2014-04-15 00:15:22

重寫文本對齊：對齊OWA - HTML電子郵件

回答

相關問題