gpt4 book ai didi

html - 之间的奇怪空格仅在 iOS 和 Android 上

转载 作者:行者123 更新时间:2023-11-28 04:03:57 25 4
gpt4 key购买 nike

我已经为 outlook 应用程序准备了签名,并且在 gmail 等网络客户端和 outlook 应用程序中一切正常。但问题是当我在 iOS 和 Android 上测试签名时。

这是展示我的概念的代码片段。

<!DOCTYPE html>
<html>

<head>
<meta media="screen" type="text/css">
</head>
<style>
tr{padding:0px !Important; margin:0px !important;}
</style>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="min-width: 100%; font-family:'Calibri light', sans-serif;">

<table width="350" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="139"><span style="font-size: 11pt; display: inline; white-space: nowrap; color: #000; text-align:left;">Test</span><br />
<br />
<span style="font-size: 13pt; display: inline; white-space: nowrap; color: #3580C2; text-align:left;">Test2</span><br />
<span style="font-size: 11pt; display: inline; white-space: nowrap; color: #000; text-align:left;">Test3</span><br /></td>
<td width="211">&nbsp;</td>
</tr>
<tr>
<td><img src="test.png" width="139" height="209" alt="zdjecie" style="vertical-align: middle; display: block;" /></td>
<td align="left" valign="top"><table cellpadding="0" cellspacing="0" style="margin-left: 10px; border-collapse: collapse;" >
<tbody>
<tr>
<td><div>
<table style="margin-left: 15px; border-collapse: collapse;" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td><img alt="phone" src="/image006.png" height="18" width="19" style="display: block;" /></td>
<td>&nbsp; 000 000 000 </td>
</tr>
<tr>
<td><img alt="fax" src="/image008.png" height="18" width="19" style="display: block;" /></td>
<td>&nbsp; 000 000 000 </td>
</tr>
<tr>
<td><img alt="cell" src="/image010.png" height="18" width="19" style="display: block;" /></td>
<td>&nbsp; 000 000 000 </td>
</tr>
<tr>
<td><img alt="mail" src="/image012.png" height="18" width="19" style="display: block;" /></td>
<td>&nbsp; name@web.com </td>
</tr>
</tbody>
</table>
</div></td>
</tr>
<tr>
<td style="padding-left:15px; padding-top: 0px; padding-right:0px; padding-bottom:0px;"><br />
<br />
<span style="display: inline; font-size: 11pt;"><b>Company name</b></span><br />
<span style="display: inline; font-size: 11pt;">address</span><br />
<span style="display: inline; font-size: 11pt;">00000000000</span><br />
<a style="color:black; text-decoration:none; display: block;" href="http://www.web.com"> <span style="display: inline; font-size: 11pt;"><b>www.web.com</b></span></a></td>
</tr>
</tbody>
</table></td>
</tr>
</table>
<table style="margin-left: 10px; font-size: 8pt; width: 760px; border-collapse: collapse;" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td>
<br>
<img src="/image013.png" style="width: 274px; height: 35px; display: block;" />
</td>
</tr>
<tr>
<td style="padding-left:0px; padding-top: 10px; padding-right:0px; padding-bottom:0px;">
<p> test test test test test test test test test test test test test test test test test test test test test test test test test test test</p>

<p> test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test.</p>

<p> test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test</p>
</td>
</tr>
</tbody>
</table>

</body>
</html>

这显示了 iOS 上的问题

screen

最佳答案

https://templates.mailchimp.com/development/css/reset-styles/ 中所述-

table, td{
border-collapse:collapse;
}

可能是您正在寻找的风格。

关于html - <tr><td> 之间的奇怪空格仅在 iOS 和 Android 上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43046129/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com