0

我正在更新 Pardot 电子邮件模板中的表格。我正在尝试将第 1 列中的图像与第 2 列中的第一行文本对齐。这意味着，对于此主模板，当用户进入第一行时，文本将与图像保持对齐，并且可以添加额外的文本行在第 2 列下方 - 当前，当添加行时，第一行文本在单元格中向上凸起，不再与第 1 列中的图像对齐。

	<tr pardot-repeatable="" style="">
						<td align="center" style="padding:20px 0">
						<table border="0" cellpadding="0" cellspacing="0" class="hund" width="90%">
							<tbody>
								<tr pardot-repeatable="" style="">
									<td align="center" class="rePad" pardot-region="" style="text-align:left; color:#333333; font-family:Calibri,Arial,sans-serif; font-size:16px; line-height:21px; padding:20px 0"><table border="0" cellpadding="0" cellspacing="0">
	<tbody>
		<tr>
			<td style="width: 87px; height: 113px;"><span style="font-family:arial,helvetica,sans-serif;"><img alt="" border="0" height="75" src="https://mma.marshmma.com/l/644133/2019-08-28/hslnh/644133/69036/Icons_TrainingsHead_emerald.jpg" style="width: 75px; height: 75px; border-width: 0px; border-style: solid;" width="75"></span></td>
			<td style="width: 424px; height: 113px;"><span style="text-align:left;font-family:arial,helvetica,sans-serif;"><b>Title</b></span><br>
			Content</td>
		</tr>
		<tr>
			<td style="width: 87px; height: 107px;"><span style="font-family:arial,helvetica,sans-serif;">&nbsp;<img align="left" alt="" border="0" height="75" src="https://mma.marshmma.com/l/644133/2019-08-28/hsmhk/644133/69076/D_I_icons_Committees.jpg" style="width: 75px; height: 75px; float: left; border-width: 0px; border-style: solid;" width="75"></span></td>
			<td style="width: 424px; height: 107px;"><span style="font-family:arial,helvetica,sans-serif;"><b>Title</b></span><br>
			<span style="font-family:arial,helvetica,sans-serif;">Content</span></td>
		</tr>
		<tr>
			<td style="width: 87px; height: 107px;"><span style="font-family:arial,helvetica,sans-serif;"><img alt="" border="0" height="75" src="https://mma.marshmma.com/l/644133/2019-08-28/hslnf/644133/69034/Icons_handshake_Amethyst.jpg" style="width: 75px; height: 75px; border-width: 0px; border-style: solid;" width="75"></span></td>
			<td style="width: 424px; height: 107px;"><span style="font-family:arial,helvetica,sans-serif;"><b>Title</b><br>
			Content</span></td>
		</tr>
	</tbody>
</table>
</td>
								</tr>
							</tbody>
						</table>
						</td>
					</tr>

4

1 回答 1

0

我想我明白你想说什么，所以为了在下面放置文字，我目前有两种方式看到它。要么将文本放在 div 标签中，例如

<th>
    <td>
        <img src="https://mma.marshmma.com/l/644133/2019-08-28/hslnh/644133/69036/Icons_TrainingsHead_emerald.jpg" width="50"></td>
    <td>Test Test Title content</td>
</th>
<div>Test im placing text below</div>

或另一种在下方放置文本的方法是使用段落标签，例如

<th>
    <td>
        <img src="https://mma.marshmma.com/l/644133/2019-08-28/hslnh/644133/69036/Icons_TrainingsHead_emerald.jpg" width="50"></td>
    <td>Test Test Title content</td>
</th>

<p> test i have more text below</p>

但是，看起来 Div 标签会更适合您，因为我觉得您将在导航栏中使用此代码

于 2019-12-23T13:41:12.687 回答