有人知道我如何创建一个包含多个部分的专栏吗？

Question

有人知道我如何用 mjml 在这里重新创建图片吗？

我可以毫无问题地创建两列。我的问题是为所有 mj-text 标签创建芥末黄色容器。

是否有某种 mj-div 我可以使用，然后我可以应用样式等？

非常感谢

Answer 1

根据 MJML 文档：

mj-text is an "ending tag", which means it can contain HTML code which will be left as it is, so it can contain HTML tags with attributes, but it cannot contain other MJML components.

Source

这意味着您应该可以在 mj-text 中添加 HTML。您生成的 MJML 看起来类似于：

<mjml>
  <mj-body>

    <!-- Side image -->
    <mj-section background-color="white">
      <!-- left paragraph -->
      <mj-column>
        <mj-text>
          <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tbody>
              <tr>
                <td>row 1</td>
              </tr>
              <tr>
                <td>row 2</td>
              </tr>
            </tbody>
          </table>

        </mj-text>


      </mj-column>
      <!-- right image -->
      <mj-column>
        <mj-image width="200px" src="https://designspell.files.wordpress.com/2012/01/sciolino-paris-bw.jpg" />
      </mj-column>
    </mj-section>

  </mj-body>
</mjml>

有人知道我如何创建一个包含多个部分的专栏吗？

Does anybody know how I'd create a column with more than one section inside it?

html-email

mjml