html-email - 使用 text-align:left 时如何使 MJML 列居中

Question

我正在尝试将 mjml 容器居中，但将文本分配给左调整。

我一直在玩各种标签align="center"，text-align但似乎找不到解决方案。

<mjml>
  <mj-body>
    <mj-section>
      <mj-column border="1px solid black">
        <mj-text align="center">
          <div style="text-align: left !important;">Text should be in middle of container<br>but left-adjusted.</br>
          </div>
        </mj-text>
      </mj-column>
    </mj-section>
  </mj-body>
</mjml>

在我的示例代码中， usingalign="center"将输入文本移动到屏幕中间（太棒了！），但没有任何东西可以强制文本向左调整。

Answer 1

有点不清楚你想要什么，但我有一个居中的容器，带有左对齐的文本，代码如下：

<mjml>
  <mj-body>
    <mj-section>
      <mj-column border="1px solid black" align="center">
          <mj-text style="text-align: left;">Text should be in middle of container<br>but left-adjusted.</br>
          </mj-text>
      </mj-column>
    </mj-section>
  </mj-body>
</mjml>

关键是不要将 mj-text 居中对齐，因为那是文本部分。