缩放跨度宽度为父 TD 的 100%

Question

我正在处理一个电子邮件模板，所以我对div和CSS的限制。某些电子邮件客户端不处理div和 CSS。我必须改用表格。

我有一个td，在那个td，我需要100%宽度为td的彩色背景的标题文本。

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

<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），要么使用display:block强制span显示为块，如下所示：

<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>