CSS不工作在Outlook郵件錨標記

HTML：

<tr> 
<a href="http://www.google.com" style="color:#FFF;height:40px;width:475px;display:block;"><td style="background-color:#000;height:40px;width:475px;">Click Me</td></a> 
</tr>

只顯示鏈接「點擊我」的文字而不是所有的

注意：應顯示鏈接到所有td即寬度：475 &高度：40

請幫我

謝謝

來源

2013-06-18 user2046091

我想你錯過了一個開放的「td」標籤！ :) –

儘管html5的規格已更改，但在鏈接內不包含塊元素（如「」）是一種常規慣例。相反，翻轉標籤的順序並使用樣式來定義錨點的寬度和高度。 – ProfileTwist

您的意思是風格應該適用於所有td？

嗯，如果是的話，你做了什麼不會工作，你所做的被稱爲內聯的CSS樣式，它將只適用於特定的元素。

，如果你希望它是適用於所有的TD的，那麼你就必須有所謂的內部CSS樣式：

<html> 
<head> 
<style> 
td{ 
//your code here 
} 
</style> 
</head> 
<body> 
//your code here 
</body> 
</html>

順便說一句，你的代碼嵌套是不妥當的，

u有一個開口的一個標籤，然後開口「TD」標籤，然後關閉的一個標籤，然後結束的「TD」標籤...

，你必須擁有它爲：

<td><a></a></td> 或 <a><td></td></a>

嘗試：

<tr> 
    <td style="background-color:#000;height:40px;width:475px;"> 
    <a href="http://www.google.com" style="color:#FFF;height:40px;width:475px;display:block;">Click Me</a> 
    </td> 
</tr>

來源

2013-06-18 13:31:07 tenstar

嘗試

<tr> 
    <td style="background-color:#000;height:40px;width:475px;"> 
    <a href="http://www.google.com" style="color:#FFF;height:40px;width:475px;display:block;">Click Me</a> 
    </td> 
</tr>

來源

2013-06-18 13:31:11 DerFuchs10

讓我試試這個.. – user2046091

明顯的問題是，你的鏈接應該是在你的表格單元格：

<table> 
    <tr> 
    <td style="background-color:#000;"> 
     <a href="http://www.google.com" style="color:#FFF;height:40px;width:475px;display:block;">Click Me</a> 
    </td> 
    </tr> 
</table>

我會還請查看Microsoft創建Outlook的指南CSS和HTML支持，因爲有很多陷阱：http://msdn.microsoft.com/en-us/library/office/aa338201(v=office.12).aspx。一般情況下避免塊元素和浮動有利於表格佈局。此外，Outlook電子郵件只支持CSS1規範。

來源

2013-06-18 13:34:51

您可以使用Outlook特定HTML來解決這個

<div><!--[if mso]> 
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://" style="height:40px;v-text-anchor:middle;width:200px;" stroke="f" fillcolor="#556270"> 
<w:anchorlock/> 
<center> 
<![endif]--> 
<a href="http://stackoverflow.com" style="background-color:#556270;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:13px;font-weight:bold;line-height:40px;text-align:center;text-decoration:none;width:200px;-webkit-text-size-adjust:none;">Show me the button!</a> 
<!--[if mso]> 
</center> 
</v:rect> 
<![endif]--></div>

另請參閱http://buttons.cm/創建「刀槍不入」的電子郵件按鈕:)

來源

2013-12-18 09:49:04

我也有這個問題，所以我發現這一點。只需使用具有相同背景顏色的邊框樣式，以便您的整個錨點鏈接都可以點擊。

<a href="http://www.google.com" style="background-color:#000;height:40px;width:475px; border:1px solid #000; color:#FFF;height:40px;width:475px;display:block;">Click Me</a>

來源

2015-05-28 06:45:28

由於ProfileTwist在註釋中指出的層次應該是：

<tr><td><a href=link>text</a></td></tr>

我看到這是一個老帖子，但違背了其他答案的意圖可能是使表格白色（FFF）和文字黑色（000）。

來源

2015-09-29 15:25:31

CSS不工作在Outlook郵件錨標記

回答

相關問題