Question

我正在制作一个电子邮件模板，所以我受限于div和CSS。某些电子邮件客户端无法处理div和CSS。我不得不使用表格。

我有一个td，td我需要一个带有彩色背景的标题文字，宽度为td的100％。

这是我的代码，不起作用：

<td width="50%" valign="top" style="border: solid 2px #3c3141; border-width: 6px 2px 4px 0px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; border-left: none; background-color: #f1e4e7; margin: 0px; padding: 20px; text-align: center;">
<span style="background-color: #f5434f; color: #ffffff; padding: 10px; font-size: 16px; width: 100%;">
  <strong>Termek nev</strong>
  </span><br>
  <span>
    <br>ide jon a szoveg
  </span>
</td>

Answer 1

您无法为span等内联元素指定宽度。使用div或p等块元素，或强制span使用display:block显示为块，如下所示：

<td width="50%" valign="top" style="border: solid 2px #3c3141; border-width: 6px 2px 4px 0px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; border-left: none; background-color: #f1e4e7; margin: 0px; padding: 20px; text-align: center;">
<span style="background-color: #f5434f; color: #ffffff; padding: 10px; font-size: 16px; width: 100%; display:block">
  <strong>Termek nev</strong>
  </span><br>
  <span>
    <br>ide jon a szoveg
  </span>
</td>

比例跨度宽度为父td的100％

1 个答案: