我希望有人可以在這里幫助我。
許多個月前,我來到這里尋找答案,為什么我的電子郵件沒有在某個電子郵件客戶端上以 600 像素顯示(我不記得是哪一個,但可能是 Gmail)。在過去的幾個月里,我一直在使用以下代碼:
<table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0"
style="margin: auto;" width="600px;" width="600">
<tr>
<td style="width:600px;" >
對于我的生活,我不記得為什么寬度在 px 和沒有 px 在桌子上定義。然后在 600px 的 TD 上再次定義。我已經瘋狂地用谷歌搜索它,但到目前為止還沒有答案。任何幫助,將不勝感激。
uj5u.com熱心網友回復:
設定width表的
- 簡而言之,有兩種方法可以設定 a
widthfortable或其內部元素(例如tr,td等支持width)- 使用
width屬性:作為 HTML 規范的一部分,您可以使用width屬性作為標記的一部分。就像你width="600"的table標簽一樣。但是請注意,只有數字像素值或百分比有效 (https://www.w3.org/TR/html401/struct/tables.html#adef-width-TABLE) - 使用行內
style屬性或 CSS 宣告:就像您style: 600px;在td. 在這里,可以使用任何有效的 CSS 單位。
- 使用
- 雖然使用 HTML 標記進行樣式設定或/和嚴重依賴行內樣式通常被認為是一種不好的做法,但對于 HTML 電子郵件而言,不僅依賴于兩者——通常同時使用。因為,HTML 電子郵件本身就是一種野獸。
為什么table寬度沒有按預期呈現
很難用特定的背景關系來回答。當內部沒有內容時,表格單元格可能會折疊,這可能會影響其包含元素的寬度。可能有錯字。樣式宣告中可能使用了無效值。可能存在沖突的樣式定義。或任何數量的其他因素。
uj5u.com熱心網友回復:
為 HTML 電子郵件width設定 a on a唯一需要的方法是使用行內樣式。<table>
<table style="width:600px; margin:auto; background-color:#fff;" align="center" border="0" cellpadding="0" cellspacing="0" >
這是最好的方法,因為它將考慮Windows 上的 Outlook 以120dpi渲染。這也是我個人的建議,更喜歡樣式而不是屬性,這就是為什么我將background-colora移到style上面的原因。
唯一的例外是影像。Windows 上的 Outlook不了解width影像的樣式,只了解width屬性。因此,您始終需要在 HTML 屬性中為 Windows 上的 Outlook 定義一個固定寬度,然后在需要時為其他客戶端的樣式定義一個可變寬度。
<!-- Bad example -->
<img src="example.jpg" alt="" width="100%" />
<!-- Good example -->
<img src="example.jpg" alt="" width="600" style="width:100%;" />
uj5u.com熱心網友回復:
在px的地方使用1 - 100 %
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/436915.html
