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>元素显示内联块

1 个答案: