как заставить элементы MJML <mj-text> отображать inline-block - PullRequest
Новая
       14

как заставить элементы MJML <mj-text> отображать inline-block

0 голосов
/ 03 сентября 2018

Я новичок в 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.

1 Ответ

0 голосов
/ 04 сентября 2018

То, как вы это сделали, прекрасно. Вы также можете просто использовать встроенные стили для тега span, например this .

Поскольку тег span создан для этого типа потребностей и уже делает это хорошо, мы не реализовали ничего, чтобы заменить это в MJML.

...