他！我對此很陌生，正在嘗試編寫我的第一個 html 電子郵件代碼。我在 Outlook 和 Windows 10 中遇到 html 內聯電子郵件代碼的問題。它會在兩個 td 之間產生不必要的間隙，從包含 img 的 td 開始一直到結束。https://codepen.io/kribits/pen/jOOYNmv。已經嘗試了一些提示和技巧，例如更改為 display: block; 并用單獨的標簽分隔這兩個 td，但這沒有幫助。真的在尋找一些有用的答案。[巨大差距][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貢獻1936條經驗 獲得超7個贊
就這樣吧。將您的兩列部分包裹在另一個表格中并將它們左對齊。這確實解決了你的問題！
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="[email protected]" 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 關注
- 173 瀏覽
添加回答
舉報
0/150
提交
取消