Я тестирую шаблон электронной почты, в Outlook.com он не выравнивается по середине, но на всех остальных клиентах.Outlook.com не центрируется
Я применил следующий класс ниже, но это не очень помогает, просто отрезать заголовок
.ExternalClass{display:inline-block; line-height: 131%};
Здесь весь шаблон: http://jsfiddle.net/29mTG/
Любая помощь приветствуется. Thanks
Добавить align="center" в любую ячейку таблицы, где вы хотите, чтобы содержимое было центрировано.
Если вы хотите что-то вертикально по центру, добавьте valign="middle" в любую ячейку таблицы (необходимо установить height="").
Я не могу найти, где именно в вашем шаблоне будет возникать проблема, но я нашел, что лучше всего иметь таблицу обертки шириной 100% и <td align="center"> и вложить весь ваш контент таблицы внутри.
например:
<!-- Wrapper -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse:collapse; padding:0; margin:0px;" bgcolor="#ffffff">
<tr valign="top">
<td align="center">
<!-- Body Content -->
<table border="0" cellpadding="0" cellspacing="0" width="640" style="border-collapse:collapse; padding:0; margin:0px;">
<tr valign="top">
<td align="left">
content
</td>
</tr>
</table>
</td>
</tr>
</table>
Кроме того, я видел, что вы были HTML, кодирующий свой семейство шрифтов CSS, которые не будут интерпретированы правильно.
Все ТД должен иметь выровнять на них, так что используйте align="center" как в <td align="center">CONTENT</td>
Спасибо за вашу помощь, я Обновил jsFiddle http://jsfiddle.net/beqLS/ Как это сделать жидкость/отзывчивость? – user2966942
... ну, в строке 8 у вас есть td, содержащий другой td. Поэтому избавитесь от этого, затем прочитайте это - [Руководство по дизайну электронной почты для мониторинга кампании) (http://www.campaignmonitor.com/guides/mobile/) – zazzyzeph