他！我對(duì)此很陌生，正在嘗試編寫(xiě)我的第一個(gè) html 電子郵件代碼。我在 Outlook 和 Windows 10 中遇到 html 內(nèi)聯(lián)電子郵件代碼的問(wèn)題。它會(huì)在兩個(gè) td 之間產(chǎn)生不必要的間隙，從包含 img 的 td 開(kāi)始一直到結(jié)束。https://codepen.io/kribits/pen/jOOYNmv。已經(jīng)嘗試了一些提示和技巧，例如更改為 display: block; 并用單獨(dú)的標(biāo)簽分隔這兩個(gè) td，但這沒(méi)有幫助。真的在尋找一些有用的答案。[巨大差距][2]這是代碼：<html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <style color: #EC6700;></style> <link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet"> <title>Mobilly signature</title> <style> u + #body a { color: inherit; text-decoration: none; font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; } a { color: #EC6700 !important; } </style><!-- <meta name="format-detection" content="telephone=no" /> --></head> <body id="body"><table> <tbody height="100%" width="100%" cellpadding="0" cellspacing="0" border="0" style="box-sizing: border-box; border-collapse: collapse;"> <tr style="box-sizing: border-box; border-collapse: collapse;"> <td> <span style="font-family: 'Open Sans', sans-serif !important; font-size:14px; line-height:20px; margin: 0;">Ar cie?u,</span> <br> <p style="font-family: 'Open Sans', sans-serif !important; font-size:14px; line-height:20px;"> <b>Vārds Uzvārds</b><br>Zīmola vadītājs<br>SIA Company<br>Address<br> </p> </td> </tr>
1 回答
LEATH
TA貢獻(xiàn)1936條經(jīng)驗(yàn) 獲得超7個(gè)贊
就這樣吧。將您的兩列部分包裹在另一個(gè)表格中并將它們左對(duì)齊。這確實(shí)解決了你的問(wèn)題！
https://codepen.io/ShuvojitDas/pen/wvayQdq
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<style color: #EC6700;></style>
<link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet">
<title>Mobilly signature</title>
<style>
u+#body a {
color: inherit;
text-decoration: none;
font-size: inherit;
font-family: inherit;
font-weight: inherit;
line-height: inherit;
}
a {
color: #EC6700 !important;
}
</style>
<!-- <meta name="format-detection" content="telephone=no" /> -->
</head>
<body id="body">
<table style="border-spacing:0;text-align:left;">
<tr style="border-collapse: collapse;">
<td>
<span style="font-family: 'Open Sans', sans-serif !important; font-size:14px; line-height:20px; margin: 0;">Ar
cie?u,</span>
<br>
<p style="font-family: 'Open Sans', sans-serif !important; font-size:14px; line-height:20px;">
<b>Vārds Uzvārds</b><br>Zīmola vadītājs<br>SIA Company<br>Address<br>
</p>
</td>
</tr>
<tr>
<td>
<table>
<tr>
<td style="padding-right:24px; line-height:21px; font-family: 'Open Sans', sans-serif !important; font-size:14px; width:75px; height:75px;">
<img src="https://mobilly.lv/wp-content/uploads/2020/03/Mobilly-Hor-161x161-1.jpg" width="75" height="75" alt="logo">
</td>
<td style="line-height:21px; font-family: 'Open Sans', sans-serif !important; font-size:14px; border-collapse: collapse; text-decoration: none !important;">
<div style="color: #EC6700; "><span style="color: #EC6700; text-decoration:none !important;"> <a href="vards.uzvards@mobilly.lv" style="text-decoration:none;"> vards.uzvards@mobilly.lv</a></span><br>
<a href="https://mobilly.lv/" target="blank" style="color: #EC6700; text-decoration:none;"><span style="color: #EC6700; text-decoration:none;">www.mobilly.lv</span></a><br><span style="color: #EC6700; text-decoration:none !important;">
<a href="" style="color: #EC6700; text-decoration:none;">+371 66047706</a></span><br><a href="https://www.facebook.com/mobilly.lv/" target="blank" style="color: #EC6700; text-decoration:none;"><span style="color: #EC6700; text-decoration:none;">Facebook | </span></a><a href="https://www.instagram.com/mobilly.lv/?hl=en" target="blank" style="color: #EC6700; text-decoration:none;"><span style="color: #EC6700; text-decoration:none;">Instagram | </span></a><a href="https://twitter.com/mobilly?lang=en" target="blank" style="color: #EC6700; text-decoration:none;"><span style="color: #EC6700; text-decoration:none;">Twitter |</span></a><a href="https://www.linkedin.com/company/mobillysia" target="blank" style="color: #EC6700; text-decoration:none;"> <span style="color: #EC6700; text-decoration:none;">LinkedIn</span></a>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="padding-top: 20px;">
<div>
<p> ?is e-pasta sūtījums, kā arī visi tam pievienotie dokumenti ir konfidenciāli un paredzēti vienīgi uzrādītajam adresātam. Sūtījuma satura neakceptēta izpau?ana, izplatī?ana vai izmainī?ana ir aizliegta un var būt prettiesiska. Ja Jūs neesat ?ī sūtījuma adresāts, lūdzu, informējiet par to nosūtītāju un izdzēsiet sūtījumu no sistēmas.</p>
<p>
The information in this e-mail is confidential. It is intended solely for the addressee and access to the e-mail by anyone else is unauthorised. If you are not a named recipient, any disclosure, copying, reliance on it is prohibited and may be unlawful. If the notice is not intended for you, please notify the sender immediately and delete the e-mail.</p>
</div>
</td>
</tr>
</table>
</body>
</html>
- 1 回答
- 0 關(guān)注
- 168 瀏覽
添加回答
舉報(bào)
0/150
提交
取消