規模跨度寬度100％的父母td

我正在處理電子郵件模板，所以我受限於div和CSS。一些電子郵件客戶端不處理div和CSS。我不得不使用表格。規模跨度寬度100％的父母td

我有一個td，那td我需要一個帶有彩色背景的標題文本，寬度爲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>

來源

2016-06-09 Botond Vajna

添加顯示：塊，以跨越。 – sinisake

製作跨度顯示塊 –

如果顯示我不知道：塊正在對所有的電子郵件客戶端 –

你不能像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>

來源

2016-06-09 15:03:20

規模跨度寬度100％的父母td

回答

相關問題