Как заставить минимальную высоту на столе - PullRequest
Новая
       11

Как заставить минимальную высоту на столе

28 голосов
/ 11 января 2012

У меня этот код: 

<table cellspacing="0" cellpadding="0" border="0" style="width:415px">
    <tbody>
        <tr valign="top">
            <td style="font-family:Arial;min-height:60px;font-size:12px;line-height:14px;">
                This is my text that I need in 2 lines
            </td>
        </tr>

        <tr valign="top">
            <td style="font-size:12px;line-height:14px">
                Second Line
            </td>
        </tr>
    </tbody>
</table>

Как видите, первый tr / td должен иметь высоту 60px (min-height:60px), но на самом деле это не так.

По многим причинам я не могу напрямую использовать высоту (этот код отформатирован в системе бэк-офиса, в бюллетене).

Итак, как я могу взять всю высоту на минимальной высоте тд тхт?

Также попытался поставить min-height:60px; на tr, но ничего не изменилось ...

Ответы [ 12 ]

0 голосов
/ 30 декабря 2016

Вот решение, которое не зависит от высоты в пикселях. Работает во всех почтовых клиентах: 

<table cellspacing="0" cellpadding="0" border="0" style="width:415px">
<tbody>
    <tr valign="top">
        <td style="font-family:Arial;font-size:12px;line-height:14px;">
            This is my text that I need in 2 lines
        </td>
        <td style="font-family:Arial;font-size:12px;line-height:14px;">
            <br/>&#xfeff;<br/>
        </td>

    </tr>

    <tr valign="top">
        <td style="font-size:12px;line-height:14px">
            Second Line
        </td>
    </tr>
</tbody>

Решение работает путем добавления столбца нулевой ширины с двумя строками справа от первого. Он использует & # xfeff; символ, который является неразрывным пробелом нулевой ширины.

0 голосов
/ 11 августа 2015

Что я нашел !!!, В таблицах CSS td{height:60px;} работает так же, как CSS td{height:60px;}

Страница:
...