Html 缩进出现在<；span>；Windows Phone中的标签
在编写一封HTML电子邮件时，我们遇到了一个奇怪的问题，即在跨距内出现缩进是没有明显原因的 我已经包括了下面的HTML，但就我所见，没有对跨距应用填充、边距等。所有内联样式似乎都不是原因。假设我遗漏了一些非常基本的东西 底部两个电话号码的左侧缩进： （图片来自Litmus电子邮件测试应用程序的Windows7 HTC手机测试）Html 缩进出现在<；span>；Windows Phone中的标签,html,css,windows-phone-7,html-email,Html,Css,Windows Phone 7,Html Email,在编写一封HTML电子邮件时，我们遇到了一个奇怪的问题，即在跨距内出现缩进是没有明显原因的 我已经包括了下面的HTML，但就我所见，没有对跨距应用填充、边距等。所有内联样式似乎都不是原因。假设我遗漏了一些非常基本的东西 底部两个电话号码的左侧缩进： （图片来自Litmus电子邮件测试应用程序的Windows7 HTC手机测试） 标题 @仅介质屏幕和（最大设备宽度：480px）{ body img.banner{最大宽度：300px！重要；高度：auto！重要；} 表{最大宽度：300px溢出
标题
@仅介质屏幕和（最大设备宽度：480px）{
body img.banner{最大宽度：300px！重要；高度：auto！重要；}
表{最大宽度：300px溢出：可见；宽度：自动；}
}
div，p，a，li，td{-webkit文本大小调整：无；}
span{填充：0；边距：0；}
.appleLinks a{color:#400400；文本装饰：无；}
.appleLinksGray a:link.appleLinksGray a:visited{color:#808080；}
.appleLinksGrayClean a:link.appleLinksGrayClean a:visited{color:#808080；文本装饰：无；}
亲爱的~goesBy~，
正文
问候，
正文
地址
下午5:00-7:00
名称
经理
公司
地址行1
地址行2
111.111.1111
111.111.1111直接
111.111.1111移动电话
版权
tdcolspan='2'开始时拾取额外空格的可能性
111.111.1111
111.111.1111直接
111.111.1111移动
我见过IE在我的代码中添加空格（特别是在表格布局中）只是为了让我更容易阅读而使用回车符。你检查过隐藏字符吗？有时复制粘贴代码时，会包含特殊字符。主要来自字符集的差异。尝试删除html标记之间的所有空白 运气不好，只是在Litmus中运行了一个新的测试，认为这也可以。您是否尝试过在之前删除空格？是的，即使没有显示，也尝试过。我将更新示例。如果在前一行中添加一个单词，会发生什么情况？e、 g.111.111.1111 test
尝试添加“test”一词，但对下面的行没有影响。电话号码会被识别，页面中会添加一些额外的HTML，以便可以单击（触摸）并直接呼叫。使用skype插件的浏览器也会出现同样的问题。谢谢。我们实际上需要CSS来覆盖苹果的iOS链接，但我将尝试一下，不只是为了看看这是否真的是问题所在。它不起作用——但我想我意识到了为什么会发生这种情况。Windows Phone正在为最后两个号码添加自己的链接，因为它“看到”了旁边的电话和传真。不确定是否有办法解决这个问题。如何设置样式：a[href^=“tel”]{padding:0！important；margin:0！important；}
可能只需要CSS，如果设备自己附加它。是的，就是这样。只需删除标记之间的空白，多余的缩进就会消失。谢谢，很惊讶这是一个如此简单的解决方案。是的，通常就是这样。当您复制/粘贴具有不同编码的源的文本时，它可以添加看起来像空白的隐藏字符。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Title</title>
<meta name="robots" content="noindex,nofollow" />
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<meta name="viewport" content="width=device-width" />
<style type="text/css">
@media only screen and (max-device-width: 480px) {
body img.banner {max-width: 300px !important; height: auto !important;}
table {max-width: 300px overflow:visible; width: auto; }
}
div, p, a, li, td { -webkit-text-size-adjust:none; }
span { padding: 0; margin: 0; }
.appleLinks a {color:#400400; text-decoration:none;}
.appleLinksGray a:link,.appleLinksGray a:visited {color:#808080;}
.appleLinksGrayClean a:link,.appleLinksGrayClean a:visited {color:#808080; text-decoration:none;}
</style>
</head>
<body style="font-family: 'trebuchet ms', arial, helvetica, sans-serif; font-size: 12px;">
<table style="background-color: #ffffff; margin: auto; font-family: 'trebuchet ms', arial, helvetica, sans-serif; font-size: 13px;" border="0" cellspacing="0" cellpadding="0" width="627">
<tbody>
<tr>
<td colspan="2"><img class="banner" src="" alt="Alt" width="625" height="100" /></td>
</tr>
<tr>
<td colspan="2" style="text-align: left; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; font-family: 'trebuchet ms', arial, helvetica, sans-serif; padding-top: 20px; color: #400400;"><p>Dear ~goesBy~,<br />
<br>
Text</p>
<p>Regards,<br>
Text
<br>
<br>
</p>
<p><span class="appleLinks">Address<br>
<br>
5:00 – 7:00 pm
</span></p>
<p><b style="font-family: arial, helvetica, sans-serif; color:#000;">Name<br />
</b><span style="font-family: arial, helvetica, sans-serif; white-space: nowrap; color: #808080; font-size: 8pt;">Manager<br />
<br />
</span><b><span style="font-family: 'times new roman', times, serif; color: #00644c; font-size: 10pt;"><br />
COMPANY </span></b><br />
<span class="appleLinksGrayClean" style="font-family: arial, helvetica, sans-serif; color: #808080; font-size: 8pt;">Address Line 1</span><br />
<span class="appleLinksGrayClean" style="font-family: arial, helvetica, sans-serif; color: #808080; font-size: 8pt;">Address Line 2</span><br />
<span class="appleLinksGray" style="font-family: arial, helvetica, sans-serif; color: #808080; font-size: 8pt;">111.111.1111</span><br />
<span class="appleLinksGray" style="font-family: arial, helvetica, sans-serif; color: #808080; font-size: 8pt;">111.111.1111 direct</span><br />
<span class="appleLinksGray" style="font-family: arial, helvetica, sans-serif; color: #808080; font-size: 8pt;">111.111.1111 mobile</span><br />
<a href="mailto:person@example.com" style="font-family: arial, helvetica, sans-serif; color: #808080; font-size: 8pt;"><span class="appleLinksGray" >person@example.com</span></a></p></td>
</tr>
<tr>
<td style="padding-top: 20px;" colspan="2">
<div style="text-align: left; font-family: verdana; color: #333333; font-size: 9px;">Copyright</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>
<span class="appleLinksGray" style="font-family: arial, helvetica, sans-serif; color: #808080; font-size: 8pt;">111.111.1111<br />111.111.1111 direct<br />111.111.1111 mobile</span>