如何使MJML中的<mj-text>元素显示为inline-block？

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。

- itaydafna

Answer 1

你的方法完全没有问题。你也可以在标签上直接使用内联样式，就像这个例子一样。 由于标签已经适用于这种需要并且做得很好，所以我们没有实现任何替代品来取代它在MJML中的使用。

- Nicolas Garnier

---

在我的情况下，我需要在文本旁边放置一个按钮，我会非常感谢您的帮助。 - gsalgadotoledo

只需使用2列，在第一列中添加您的文本，在第二列中添加您的按钮。 - Nicolas Garnier

@NicolasGarnier 如果你已经在一个列中怎么办？MJML不支持嵌套列。 - Chris Haines

确实，在这种情况下，您需要使用自定义HTML表格。 - Nicolas Garnier