如何删除这些讨厌的额外空间

Posted 2023-03-05

【中文标题】如何删除这些讨厌的额外空间

【英文标题】：How to remove these pesky extra spaces

【发布时间】：2012-04-18 09:56:44

【问题描述】：

当我使用 chrome 开发人员工具检查我的 wordpress page 上的顶部小部件时，它会显示一个高度属性，并且该高度会在小部件的顶部和底部添加额外的空间（在附图中以黄色显示）。

我已经尝试了很多小时来更改或删除该高度属性，但我找不到它的来源以及如何处理它。

请帮忙！！

【参考方案1】：

在源代码中的元素之前和之后似乎有很多 ​ unicode 序列，导致所有不需要的空间。 （使用萤火虫可以看到）

您无法在源代码中感知它们，因为该字符是“零宽度空间”(U+200B)

【讨论】：

我正在检查页面源，但没有看到任何“​”，我还删除了 wordpress 小部件编辑窗口中所有可能的空格，其他小部件没有这个问题，他们以相同的方式创建

是您以某种方式引入的特殊字符（它们是特殊空格）（可能是由于复制粘贴操作）。在 firebug 中查看它们并尝试从那里修改源代码，删除这些序列。

那么我该如何摆脱它们呢？这是一个文本小部件，我的许多其他小部件都没有这个问题:(

解决方法将#textwidget height ~ 设置为 132px，这样您就可以删除底部的多余空间（当然，您应该将其作为最后的手段）

我从 jsfiddle 粘贴了代码，但是现在我尝试通过将代码粘贴到记事本中来清理代码，然后再次从那里处理，但它没有帮助。我也尝试制作另一个具有相同内容的小部件，但它有同样的问题。

【参考方案2】：

您可以使用正则表达式删除它们。 js：

html = HTML.replace(/[\u200B-\u200D\uFEFF]/g, '');

c#

hVal = Regex.Replace(hVal, "[\\u200B-\\u200D\\uFEFF]", "");