2017-07-25 111 views
-2

我正在使用HTML for Outlook創建電子郵件內容。下面的屏幕截圖中,我嘗試將「驗證即時」與「ServiceNow組驗證」下的右側對齊,但最終位於中間。奇怪的是,當我改變爲7個或更少字母的不同文本時,它能夠對齊到右側。我相信文字的大小確實會影響它的位置。我可以在哪裏修復它?Outlook中的HTML模板:無法將1個文本與右側對齊

Email Display from HTML

<p>&nbsp;</p> 
 
<table style="height: 400px;" width="772" cellspacing="0" cellpadding="0"> 
 
<tbody> 
 
<tr style="border-style: none none solid none;"> 
 
<td colspan="2"><span style="font-family: 'times new roman', times;"><img id="logo" style="float: left;" title="" src="toolbar-logo.png" alt="" width="127" height="44" /></span></td> 
 
<td colspan="2"> 
 
<p style="text-align: right;"><span style="font-size: 14pt; font-family: 'times new roman', times;"><strong>ServiceNow Group Validation</strong></span></p> 
 
<p style="text-align: right;"><span style="text-decoration: underline; color: #0000ff; font-size: 12pt; font-family: 'times new roman', times;"><strong>${mail_script:groupvalidation}</strong></span></p> 
 
</td> 
 
</tr> 
 
<tr> 
 
<td style="background: none; border-bottom: 3px solid #FF1A2E; height: 1px; width: 100%; margin: 0px 0px 0px 0px;" colspan="4"><span style="font-family: 'times new roman', times;">&nbsp;</span></td> 
 
</tr> 
 
<tr> 
 
<td colspan="4" height="5%"><span style="font-family: 'times new roman', times;">&nbsp;</span></td> 
 
</tr> 
 
<tr> 
 
<td colspan="4"><span style="font-size: 12pt; font-family: 'times new roman', times;">${manager},</span></td> 
 
</tr> 
 
<tr> 
 
<td colspan="4" height="5%"><span style="font-family: 'times new roman', times;">&nbsp;</span></td> 
 
</tr> 
 
<tr> 
 
<td colspan="4"><span style="font-family: 'times new roman', times;"><span style="font-size: 12pt;">As part of an active initiative to manage ServiceNow platform security, you are being requested as the group manager&nbsp;to validate <strong>${name}</strong> to ensure that&nbsp;all group members are appropriate. <strong>Important: your group must have atleast 2 active members to proceed.</strong></span>&nbsp;&nbsp;&nbsp;</span> 
 
<p><font size="4"><strong>Please validate this group access using the following link:</strong></font></p> 
 
<p>${mail_script:groupvalidation}</p> 
 
</td> 
 
</tr> 
 
<tr> 
 
<td colspan="4" height="5%"><span style="font-family: 'times new roman', times;">&nbsp;</span></td> 
 
</tr> 
 
<tr> 
 
<td colspan="4"><span style="font-size: 12pt; font-family: 'times new roman', times;">Thank you,<br />Enterprise Service Management</span></td> 
 
</tr> 
 
</tbody> 
 
</table> 
 
<p>&nbsp;</p> 
 
<p>&nbsp;</p> 
 
<p>&nbsp;</p>

+0

請在這裏發表您的代碼,而不是它的截圖! – BenM

+0

對不起!我只是修好了它 – StudentIT

回答

0

改變這一行:

<p>${mail_script:groupvalidation}</p> 

要這樣:

<div align="center"> 
<p>${mail_script:groupvalidation}</p> 
</div> 
+0

我試過了,甚至還嘗試過align =「right」,它仍然居中。 – StudentIT

+0

我編輯了我的答案。嘗試將其包裝在一個div中。 – Robby

+0

它工作,但我使用align =「right」來代替。謝謝 – StudentIT

相關問題