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

【问题标题】：how to make MJML <mj-text> elements display inline-block如何使 MJML <mj-text> 元素显示内联块
【发布时间】：2018-09-03 16:08:43
【问题描述】：

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

【问题讨论】：

标签： html css mjml

【解决方案1】：

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

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

【讨论】：

在我的情况下，我需要在文本旁边有一个按钮，非常感谢您的帮助
只需使用 2 列，在第一列中添加文本，在第二列中添加按钮。
@NicolasGarnier 你已经在专栏中了吗？ MJML 不支持嵌套列。
确实，在这种情况下，您需要使用自定义 HTML 表格。