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

Question

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

我有一个<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>- 但我试图弄清楚是否有更合适的方法来使用mjmlapi 来完成它。

Answer 1

你的做法完全没问题。您还可以简单地在标签上使用内联样式span，如下所示。

由于该span标签是为这种类型的需求而设计的并且已经做得很好，因此我们没有在 MJML 中实现任何替代它的东西。