Как я могу изменить межстрочный интервал для одного абзаца в шаблоне электронной почты HTML?

ProgramBox

Как я могу изменить межстрочный интервал для одного абзаца в шаблоне электронной почты HTML?

Post author:admin
Запись опубликована:4 мая, 2023
Post category:Вопросы по программированию

#html

#HTML

Вопрос:

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

Команды, которые я нашел на интернет-сайтах, не работают, или они должны быть в составе других команд. Я пробовал такие команды, как line-height = 50%.

Вот результат

Бизнес-аналитик:

Ресурсы для тестирования пользователей:

Вот код:

 <html><head>
  <meta name="generator" content=  "HTML Tidy for Linux/x86 (vers 25 March 2009), see www.w3.org">
  <meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
  <title>$BEGINSUBJECT()$NOTIFICATION() - $ITEMNUMBER()$FIELDVALUE(ID) $TTID()$ENDSUBJECT()</title>
  <style type="text/css">
  body {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; font-size:12px;}
  a.attachlink:link { color: #0000FF }
  a.attachlink:visited { color: #0000FF }
  a.attachlink:hover { color: #006600 } 
  .itemTitle{ font-size:120%; padding: 0px;  color: #FFFFFF; border-bottom:thin solid Navy; background-color: Navy;  }
  .itemColor{ color: #FFFFFF;}
  td {padding:4px; vertical-align:top;} 
  td.sidebar{     color: #333;}
  .fieldNames {color: #333; white-space:nowrap; font-weight: bold;}
  .footer{ color: #818181; font-size:80%; font-style: italic; }
  .greyborder{background-color:#f7f7f7; border:thin #999 solid; width:auto;}
  </style></head>
<body>   <table>    <tbody><tr>      <td>        <table class="itemTitle">          <tbody><tr>            <td class="itemColor"> 
<b>$ITEMNUMBER()$FIELDVALUE(ID)</b> ($FIELDVALUE(TITLE)) <b>Requires Action</b> </td>          </tr>        </tbody></table>      </td>    </tr>    <tr>        <td>    <b> <table width="100%"> 
Please transition <b>$ITEMNUMBER()$FIELDVALUE(ID)</b> in state <b>$FIELDVALUE(STATE).</b><br> <br>      
To open $ITEMNUMBER()$FIELDVALUE(ID) $LINK(TRUE, click here.)       <font color="#ff0000">
Your prompt attention to this request is greatly appreciated.</font></td></tr>            <tr><td>   $IF(CANVIEW)<b>
$FIELDS(1) <tr> <td>
<font color="#FF0000">This is a SYSTEM GENERATED EMAIL. Please do not reply.<br></font></tr></td><tr><td>
Thank you!    <br>    </td>    </tr>    </tbody></table>    <hr color="navy"> <br> <font color="#d0d0d0" size="1">
Reference: $NOTIFICATION()</font></body></html>

Ответ №1:

Вы хотите line-height . Поскольку это шаблон электронной почты, этот style атрибут необходимо применять к каждому элементу, к которому он вам нужен. Значение относится к размеру шрифта, где 1 равно 100%, поэтому, если размер шрифта равен 16px , а высота строки установлена на 1.5 , это будет то же самое, что сказать line-height: 24px; . Надеюсь, это имеет смысл!

 <table>
<tr>
  <td style="line-height: 1.6;">
    <b>Some looser text in this row</b><br/>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dignissim, dolor ac iaculis euismod, diam felis elementum nibh, et interdum augue odio eu est. Nam tempor sapien eu arcu tristique rhoncus. Cras magna orci, finibus eget est nec, pharetra elementum lectus. 
  </td>
</tr>
<tr>
  <td style="line-height: 1.1;">
    <b>Some tighter text in this row</b><br/>
    In luctus, ex sit amet tincidunt maximus, neque sapien consequat lorem, quis sagittis sem neque eget massa. Donec tincidunt facilisis lacus sit amet mattis. Aliquam convallis, risus in tristique lacinia, nibh purus mollis justo, ut vestibulum dui mauris et libero. Nam purus quam, vestibulum sed velit nec, tempor posuere lacus. Fusce dignissim ac urna eget euismod. Aliquam erat volutpat.
  </td>
</tr>
</table>

Ответ №2:

Абзац должен быть создан с использованием <p> </p> , а не с использованием табличного обходного пути.
вы оформляете каждый абзац с помощью class="someClass" (css-файла).
если вы хотите сделать отступ от чего-либо — оберните это <div></div> и оформите соответствующим образом. Не используйте amp;nbsp; . используйте style = "margin : 20px" или что-то в этом роде.

Html — это язык гипертекста. Если вы новичок в этом, я могу порекомендоватьhttp://www.w3schools.com

1. Извините — я заменил строки, которые изначально хотел сократить, тегом — $ FIELDS() — но я все еще хочу сузить межстрочный интервал между строками, начинающимися с «Пожалуйста, перейдите» и «Открыть»; также между строками внизу, начинающимися с «Это» и «Спасибо».