如何让 MJML <mj-text> 元素显示 inline-block

Question

我是 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.

Answer 1

你的做法非常好。您也可以简单地在 span 标签上使用内联样式，例如 this.

由于 span 标签是为满足此类需求而设计的，并且已经做得很好，我们没有实施任何东西来替换 MJML 中的它。

如何让 MJML <mj-text> 元素显示 inline-block

how to make MJML <mj-text> elements display inline-block

html

css

mjml