html - 如何使MJML <mj-text>元素显示内联块

我是mjml的新手，我试图找出是否有一种方法可以使<mj-text>元素显示inline-block而不使用<mj-style>或内联CSS。

我有一个<mj-text>可以呈现动态生成的文本-因此我无法预见其宽度。我希望此容器的背景在文本结束处结束而不填充整个页面的宽度（就像块元素一样）。

这是我要呈现的模板的example和：

<mjml>
  <mj-body>
    <mj-section>
      <mj-column>
        <mj-text align="left" container-background-color="#c3e16d" color="#60b7f1" font-size="14px">
          <span>Dynamically Generated Text</span>
        </mj-text>
      </mj-column>
    </mj-section>
  </mj-body>
</mjml>

在使用<mj-style>块搜索I did manage to get it to work后-但是我试图找出是否有使用mjml api的更合适方法。

最佳答案

您的操作方式非常好。您也可以在span标记上简单地使用内联样式，例如this。

由于span标记是为这种类型的需求而做的，并且已经很好地完成了，所以我们没有实现任何替代MJML中的需求的方法。