Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 为什么非换行符(&;nbsp;)转换为短划线字符(-)_Html_Html Email_Html Entities - Fatal编程技术网

Html 为什么非换行符(&;nbsp;)转换为短划线字符(-)

Html 为什么非换行符(&;nbsp;)转换为短划线字符(-),html,html-email,html-entities,Html,Html Email,Html Entities,我正在创建一份HTML时事通讯,我需要显示一些具有指定高度、宽度和块级显示的空锚链接,但Gmail似乎删除了空的 更新:与Gmail无关,这个问题也存在于我的HTML项目中 更新2:这是文本装饰的问题,谢谢大家的建议。我想问题在于空格有下划线,就像通常的链接一样。您必须设置文本装饰才能停止此操作 由于这是一份HTML时事通讯,我认为您希望以内联方式执行此操作: <a style="text-decoration: none;">&nbsp;</a> 添加 或

我正在创建一份HTML时事通讯,我需要显示一些具有指定高度、宽度和块级显示的空锚链接,但Gmail似乎删除了空的

更新:与Gmail无关,这个问题也存在于我的HTML项目中


更新2:这是
文本装饰的问题,谢谢大家的建议。

我想问题在于空格有下划线,就像通常的链接一样。您必须设置
文本装饰
才能停止此操作

由于这是一份HTML时事通讯,我认为您希望以内联方式执行此操作:

<a style="text-decoration: none;">&nbsp;</a>

添加

或者添加内联

<a href="path" style=" text-decoration: none;"> &nbsp; </a>


默认情况下,锚定标记具有
文本装饰:下划线

您有三种解决方案:

1-


请发布一些代码。你确定你看到的不仅仅是空白处的
文本装饰:下划线吗?尝试在这些锚定标记上添加
style=“text-decoration:none;”“
。这是电子邮件的HTML吗?这是因为空链接根本没有意义。。。假设有人不能显示图像(我想你是bg?)-这个链接对这个人来说是不可见的。这可能是恶意的。@Lowkase是的,这是用于图像的。谢谢,但这将创建一个换行符,并且我的元素高度不会达到我想要的高度。@faridv定义你的高度
style=“height:20px;”“
我这样做了,你可以在我的代码中看到它,但是电子邮件客户端呈现页面的方式不同,为了确保它显示我想要显示的内容,我必须添加更多样式,如
行高
溢出
,我担心这不是一个好的解决方案,因为我目前正在处理大量代码。因为html大小和大量复杂的代码。@faridv添加额外的css代码比添加一个代码更好地定义您的页面,因为每个浏览器都可以使用不同的内容呈现页面。我将编辑并添加更多信息到我的答案中。当然,我的问题只是关于
文本装饰
,现在它就像一个符咒一样工作DI将您的答案标记为已接受,但请注意,某些电子邮件客户端(如Gmail)不允许您使用css。所有的可能性都是使用属性或内联样式。
a { text-decoration: none; }
<a href="path" style=" text-decoration: none;"> &nbsp; </a>
<a href="#"><br/></a>
<a href="#" style="height:20px;overflow:hidden;"><br/></a>
<a href="#" style="text-decoration:none;">&nbsp;</a>
<a href="#" style="text-indent:999px;width:0px;height:0px;overflow:hidden;">&nbsp;</a>