如何使MJML <MJML>元素显示内联块

Question

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

我有一个<mj-text>，它呈现动态生成的文本，所以我无法预见它的宽度。我希望这个容器的背景结束在文本结束的地方，而不是填充整个页面的宽度(就像块元素一样)。

下面是我试图呈现的模板的示例：

<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>之后--但是我想找出使用mjml api是否有更正确的方法。

Answer 1

你这样做是很好的。您还可以简单地在span标记上使用内联样式，比如这。

由于span标记是为这种类型的需求而制作的，并且已经做得很好，所以我们没有在MJML中实现任何替换它的方法。