2014-03-04 50 views
2

我遇到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的任何想法?

+0

你有没有试图消除DIV?一般不建议在HTML电子邮件中使用DIV等。你应该几乎像1998年(或其附近)那样编程。如果您删除DIV和/或多行是文本左对齐? –

+0

我同意比利。删除div并在'​​'中的'align = left'应该可以工作。您可以将Campaign Monitor多行标签保留在那里。我注意到多行标签中的引号不是正确的类型。远射,但这可能也会产生影响。 – John

+0

@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 */ 
} 
+1

刚试过这个,它根本没有调整对齐。 – itsclarke

+0

这对我也不起作用。 – Johnny5k

1

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