HTML + CSS: нежелательное пространство между ТД после переноса слов - PullRequest
Новая
       18

HTML + CSS: нежелательное пространство между ТД после переноса слов

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

<table cellpadding="0" cellspacing="0" style="mso-table-lspace:0pt; mso-table-rspace:0pt;border-spacing: 0;border-collapse: collapse;margin: 0 auto;">
  <tr>
    <td valign="top" height="13" style="color: #ff8000;font-weight: normal;vertical-align:top;mso-line-height-rule:exactly;line-height: 18px;">
      &rsaquo;&nbsp;
    </td>
    <td valign="top" height="13" style="font-weight: normal;vertical-align:top;mso-line-height-rule:exactly;line-height: 18px;">
      <a style="padding-left: 10px;color:#4D4D4D;font-family:  Arial, Helvetica, sans-serif;font-weight: bold;font-size: 13px;text-decoration: none;" th:href="${n.desktopUrl}" th:utext="${n.headline}">
				Long long long text which will be wrapped
			</a>
    </td>
    <td valign="top" height="13" style="display: inline;padding-left: 10px;">Button code</td>

  </tr>

В результате я получаю это: введите описание изображения здесь

Как избежать этого пробела послеслово-обертывание?

Ответы [ 2 ]

0 голосов
/ 27 сентября 2018 
<td valign="top" height="13" style="display: inline;padding-left: 0px;">Button code</td>

Установите значение padding-left в 0.

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

На элементах <td> есть padding-left: 10px - это то, что вызывает большой разрыв

...