HTML 电子邮件未正确呈现答案

【问题标题】：HTML email not rendering properlyHTML 电子邮件未正确呈现
【发布时间】：2018-04-18 02:00:20
【问题描述】：

我为我的 Laravel 应用程序的电子邮件设计了一个非常基本的 HTML 布局，但是，它在 Spark 电子邮件客户端中无法正确显示（没有任何格式），并且在 Apple Mail 中，预览窗格显示的是 HTML 而不是文本。

我使 HTML 尽可能简单，并内联呈现所有 CSS。

要正确渲染，我缺少什么？在 HTML 之前是否需要添加任何特殊标签或任何其他格式？

<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width">
    <link href="https://fonts.googleapis.com/css?family=Pacifico|Open+Sans" rel="stylesheet">
    <title>Notification</title>
</head>
<body style="padding: 10px; background-color: #f6f6f6" bgcolor="#f6f6f6">
    <table cellpadding="0" cellspacing="0" border="0" style="width: 100%; border-radius: 3px; background-color: #ffffff; border: 1px solid #e9e9e9">
        <tbody>
            <tr>
                <td style="border-radius: 3px 3px 0 0; background-color: #7266ba; padding: 40px 0">
                    <p style="font-family:'Pacifico', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 2em; color: #ffffff; text-align: center">
                        Alert Message Goes Here
                    </p>
                </td>
            </tr>
            <tr>
                <td style="padding: 40px; color:#7266ba">
                    <p style="font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;">
                        Body goes here
                    </p>
                    <p style="font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; margin-top: 30px">
                        &mdash; Company
                    </p>
                </td>
            </tr>
        </tbody>
    </table>
</body>
</html>

【问题讨论】：

什么版本的 Laravel，你能提供发送电子邮件的代码吗？
@CUGreen 我认为这与 Laravel 没有任何关系，因为即使通过电子邮件测试工具发送也无法正常显示。
真的吗？对我来说很好。您需要提供更多关于如何发送此电子邮件的信息。

标签： html laravel email

【解决方案1】：

想通了。

在某些情况下，我只使用<p> 标签来显示文本。一旦我将这些 <p> 标记放在表格中，一切都开始正确显示。

【讨论】：