如何在使用 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>

在我的示例代码中，使用 align="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-align:left 时使 MJML 列居中

How to center MJML column while using text-align:left

html-email

mjml