邮件模板位置绝对？

Question

邮件模板位置绝对？

chc*_*ist 11 html-email

position:absolute在电子邮件模板中使用是否安全？

Answer 1

Den*_*s G 13

取决于您的用户使用的邮件客户端.例如Outlook处理位置:绝对好,另一方面Thunderbird没有.

我会尝试将您的邮件模板设计为"正常".表可以帮助很多例子(yuck).

有关HTML邮件的样式提示,请参阅以下页面,包括一些绝对建议:

电子邮件风格

**更新:**Outlook 2007及以上版本不支持`position:absolute`,至少某些版本的Gmail,Yahoo Mail和可能的Hotmail也不支持它. (5认同)

Answer 2

Ale*_*erg 9

我知道,添加一个旧问题 - 但我可以确认GMail既不支持位置:目前是绝对的.

Answer 3

Jom*_*aul 6

在电子邮件发送者中使用绝对职位不是一种安全的方法，因为所有电子邮件服务器都不支持该标记。.相反，您可以使用绝对职位

<table width="100%" align="center" style="Margin:0px; Padding:0px; border-collapse:collapse; background-color:rgb(255,255,255);max-width:600px;" border="0" cellspacing="0" cellpadding="20" background="http://wallpapercave.com/wp/BGGdOwY.jpg">
  <tbody>
    <tr>
            <td align="left" valign="top">
              <p Style="Margin-top:45px; text-align:left; line-height: 24px; letter-spacing: 0.55px; Margin-bottom:10px; font-family:'Open Sans',arial,sans-serif!important; width: 540px;">Dear Artist/Vendor,</p>
              <p Style="text-align:justify; line-height: 24px; letter-spacing: 0.55px; Margin-top:10px; Margin-bottom:10px; font-family:'Open Sans',arial,sans-serif!important; width: 540px;">We've received a request to reset your password. If you didn't make the request, just ignore this email. Otherwise, you can reset your password using this link:</p>
            </td>
          </tr>
        </tbody>
      </table>

Run Code Online (Sandbox Code Playgroud)

甚至你们也可以通过在另一td中添加此代码来使用可点击按钮

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
	<meta name="viewport" content="width=device-width" >
	<title></title>
</head>
<body style="Margin:0px; Padding:0px;">
	<table width="100%" align="center" style="Margin:0px; Padding:0px; border-collapse:collapse; background-color:rgb(255,255,255);" border="0" cellspacing="0" cellpadding="0">
		<tbody>
			<tr>
				<td align="center" valign="top">
					<table width="100%" align="center" style="Margin:0px; Padding:0px; border-collapse:collapse; background-color:rgb(255,255,255);max-width:600px;" border="0" cellspacing="0" cellpadding="20" background="http://wallpapercave.com/wp/BGGdOwY.jpg">
						<tbody>
							<tr>
								<td align="center" valign="top">
									<table width="100%" align="center" style="Margin:0px auto; Padding:0px; border-collapse:n-left: 20px; max-width:600px; " border="0" cellspacing="0" cellpadding="0" >
										<tbody>
											<tr>
												<td align="left" valign="top">
													<p Style="Margin-top:45px; text-align:left; line-height: 24px; letter-spacing: 0.55px; Margin-bottom:10px; font-family:'Open Sans',arial,sans-serif!important; width: 540px;">Dear Artist/Vendor,</p>
													<p  Style="text-align:justify; line-height: 24px; letter-spacing: 0.55px; Margin-top:10px; Margin-bottom:10px; font-family:'Open Sans',arial,sans-serif!important; width: 540px;">We've received a request to reset your password. If you didn't make the request, just ignore this email. Otherwise, you can reset your password using this link:</p>
												</td>
											</tr>
										</tbody>
									</table>
									<table width="100%" align="left" style="Margin:0px auto; Padding:0px; border-collapse:collapse;  max-width:600px; Margin-left: 20px;  Margin-top:15px;" border="0" cellspacing="0" cellpadding="0" >
										<tbody>
											<tr>
												<td align="left" valign="top">
													<a href="https://www.google.co.in/" style="padding: 10px 35px; text-decoration: none; color: #ffffff; background-color:#000000; letter-spacing: 0.55px; text-align:left; line-height: 24px; font-family:'Open Sans',arial,sans-serif!important;">Reset Your Password</a>
												</td>
											</tr>
										</tbody>
									</table>
									
					
				</td>
			</tr>
		</tbody>
	</table>

Run Code Online (Sandbox Code Playgroud)

在此处输入代码

归档时间：	15 年，1 月前
查看次数：	37985 次
最近记录：	6 年，11 月前