gpt4 book ai didi

HTML 未在 Outlook 中按预期显示

转载 作者:太空宇宙 更新时间:2023-11-03 23:04:55 25 4
gpt4 key购买 nike

我有以下 HTML:

<html>
<table align="center" cellspacing="0" border="0" cellpadding="0" width="600" style="text-align: center;">
<tbody>
<tr>
<td valign="top" style="height:78px; width:528px">
<a href="Link" style="display:block; height:78px; width:528px; color: #2a3379; text-decoration: none !important; padding-top:32px; font-family:Arial; font-weight:bold; font-style:italic; border-radius:5px; font-size:40px; display:block; margin:0 auto; background-color:#B5E61D;">
Apply now
</a>
</td>
</tr>
</tbody>
</table>
</html>

在浏览器中显示如下:

enter image description here

问题是,当我将它作为 HTML 模板添加到电子邮件时,它在 outlook 中显示如下:

enter image description here

据我所知,我知道 outlook 不能很好地呈现 HTML。我还读到不要使用 CSS 并内联所有样式 - 但这没有用。

电子邮件需要响应,所以我不希望使用图片。

我想有一个特定的规则导致了这个问题。

有没有人遇到过这个问题并找到了好的解决方案?

最佳答案

您已将填充放在 A 而不是 td 上,这就是您的问题所在。所以我稍微改变了一下让它工作。关于背景颜色和高度/宽度的所有内容都需要在 TD 而不是 A 上。只有与文本相关的样式应该在那里:)

<html>
<table align="center" cellspacing="0" border="0" cellpadding="0" width="600" style="text-align: center;">
<tbody>
<tr>
<td align="center" valign="top" height="78" width="528" style="display:block; padding:32px 0px; display:block; background-color:#B5E61D; border-radius:5px;">
<a href="#" style="color: #2a3379; text-decoration: none !important; font-family:Arial; font-weight:bold; font-style:italic; font-size:40px;">
Apply now
</a>
</td>
</tr>
</tbody>
</table>
</html>

请注意,请记住 border-radius 在 outlooks 中不起作用

关于HTML 未在 Outlook 中按预期显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35060378/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com