Какие существуют подходы, чтобы добавить отступы и / или поля для элементов, используя Foundation For Emails 2 и его язык шаблонов Inky?

Question

Какие существуют подходы, чтобы добавить отступы и / или поля для элементов, используя Foundation For Emails 2 и его язык шаблонов Inky?

Я нашел два способа добавить отступ к элементу, кодирующему электронную почту (который работает в большинстве почтовых клиентов):

• дать заполнение элемента тд

Это, по-видимому, наиболее часто используемый подход для размещения электронной почты. Но при внедрении Inky в ваш рабочий процесс элемент td объединяется с <container> элемент.

• "Таблицы по своей природе занимают столько места, сколько им доступно. Из-за этого центрирование столбцов может быть сделано путем добавления пустых столбцов слева и справа от столбца для центрирования".

Вот проблема, вам придется придерживаться сетки. Я заметил, что вы можете настроить количество ячеек, на которые разделена сетка, но, тем не менее, дизайн должен использовать сетку.

Вот те подходы, которые я нашел, когда гуглял и просматривал документы Foundation For Email 2. Я что-то упускаю из виду или я что-то неправильно понял, или Inky предназначен только для комбинированного использования с дизайном на основе сетки?

В качестве дополнительного вопроса, как бы я выровнять элемент по вертикали, используя Inky?

Answer 1

Я могу ответить на второй вопрос с обновлением Foundation for Email 2.1:

Вертикальный интервал между почтовыми клиентами не так прост, как кажется, на самом деле он непоследователен. Версии Outlook не уважают поля и отступы одинаковые и <br>Это разные повсюду. Плюс кто хочет увидеть <br><br><br> повсюду?

Новый <spacer> компонент заботится об этом.

<spacer size="16"></spacer>

Размер - это необходимая высота в пикселях с вертикальным интервалом.