Шаблон шаблона электронной почты - невозможно установить высоту строки - PullRequest
Новая
       34

Шаблон шаблона электронной почты - невозможно установить высоту строки

3 голосов
/ 08 февраля 2012

Я использую этот шаблон: http://htmlemailboilerplate.com/

Я хочу, чтобы строка таблицы была 6px высоты, а одна строка - 1px высоты.Независимо от того, что я пытаюсь сделать, строки таблицы не будут превышать высоту 15 пикселей.По совпадению, размер шрифта составляет 15 пикселей.

Код: 

...
<tr>
    <td height="6" style="height: 6px;">&nbsp;</td>
</tr>
<tr>
    <td height="1" style="height: 1px;"><img src="images/bar.gif" width="220" height="1" /></td>
</tr>
...

Каким-либо образом можно получить желаемую высоту строк этой таблицы?

Ответы [ 5 ]

6 голосов
/ 08 февраля 2012

Вы пытались использовать CSS для установки line-height:1px на td?

5 голосов
/ 06 декабря 2012

Я не знаю, изменили ли они недавно правила для Outlook 2013, но я обнаружил, что настройка высоты строки и размера шрифта на TD не работает. Я даже пытался установить его на TR, который тоже не работал.

Я положил & NBSP; в ячейке и установите его размер шрифта 0px, а также поместите высоту строки и размер шрифта на TD, чтобы убедиться вдвойне. Кажется, это сработало для меня.

В приведенном ниже примере зеленая клетка размером 2 пикселя протестирована в лакмусовой и «реальной» 2013 году. Надеюсь, это поможет! 

 <table width="600" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="20" bgcolor="#0000CC"></td>
  </tr>
  <tr>
    <td height="2" bgcolor="#00FF00" style="line-height:0px; font-size:0px;"><font style="font-size:0px; -webkit-text-size-adjust: none;">&nbsp;</font></td>
  </tr>
  <tr>
    <td height="20" bgcolor="#0000CC"></td>
  </tr>
</table>
2 голосов
/ 17 августа 2012

Мне нужно было добавить 

table td { mso-line-height-rule: exactly; }

, чтобы заставить его работать в Outlook 2013.

1 голос
/ 08 февраля 2012

Ячейки таблицы будут расширяться, чтобы в них помещалось содержимое, независимо от того, какую высоту вы им установили.

Неразрывный пробел будет высотой строки. Вы должны обернуть это так: 

<span style="line-height:1px;font-size:1px;">&nbsp</span>

Аналогично, ячейка с изображением будет как минимум такой же высоты, как bar.gif

0 голосов
/ 06 июня 2013

Я использую line-height и font-size (если меньше текущего) с &nbsp; (пробел) - 

<table width="600" cellpadding="0" cellspacing="0" border="0">
    <tr>
       <td style="line-height:5px; font-size:5px;">&nbsp;</td>
    </tr>
</table>

Или, если встроенный - 

<span style="line-height:5px; font-size:5px;"><br /><br /></span>
...