为什么不在 MJML 中显示第二个部分?

Why won't a second section display in MJML?

<mjml>
  <mj-body>
    <mj-section>
      <mj-column>
        <mj-text align="center">
          This is a header
        </mj-text>
      </mj-column>
    </mj-section>

    <mj-section>
      <mj-column>
        <mj-text align="center">
          Another Header
        </mj-text>
      </mj-column>
    </mj-section>

  </mj-body>
</mjml>

出于某种原因,在上面的 MJML 电子邮件代码中,第二个 <mj-section> 在浏览器中查看时根本不显示。当图像放置在部分而不是文本元素中时,这也不会显示。我今天才刚刚发现该框架,因此非常感谢任何有关此问题的原因和修复的信息或说明。

您缺少 mj-container 标签。这是有效代码:

<mjml>
  <mj-body>
    <mj-container>
      <mj-section>
        <mj-column>
          <mj-text align="center">
            This is a header
          </mj-text>
        </mj-column>
      </mj-section>

      <mj-section>
        <mj-column>
          <mj-text align="center">
            Another Header
          </mj-text>
        </mj-column>
      </mj-section>
    </mj-container>
  </mj-body>
</mjml>