在 Chrome 中检查元素时消失的空白答案

【问题标题】：Disappearing whitespace when inspecting element in Chrome在 Chrome 中检查元素时消失的空白
【发布时间】：2014-07-04 14:54:12
【问题描述】：

我遇到了一个非常奇怪且难以诊断的问题。希望这个论坛上有人以前遇到过。基本上，我有一个这样的 wordpress + woocommerce 页面加载：

如您所见，有很多额外的空白。问题是我不知道空格是从哪里来的，因为每次我检查元素时，页面都会立即删除空格，它看起来（正确地）像这样：

如果我保持“检查元素”窗口打开并刷新页面，空白会返回，但只要我以 任何方式 更改 CSS（即删除随机属性或更改任何内容)，页面再次自行修复。

如果我找到空白应该在的区域（通过不更改任何内容），则实际上没有任何空白可以附加到该区域。就好像它是看不见的一样。

我正在使用 Chrome (34.0.1847.131 m)。有什么想法会导致这种奇怪的行为吗？

【问题讨论】：

这很难解决，因为我们看不到您的代码或检查您的页面。请在jsfiddle 中重现该问题和/或提供指向您页面的链接。

标签： css wordpress google-chrome whitespace inspect-element

【解决方案1】：

这似乎是一个问题，不知何故是由 javascript 引起的。我以前和WC合作过，他们使用的JS确实有问题。我建议尝试关闭javascript，看看问题是否仍然存在。下一个要检查的地方是模板本身。之后，检查 woocommerces 过滤器集/动作挂钩。根据我的经验，WC 的模板做得非常糟糕（说真的，谁还在使用表格）。它也引起了我各种奇怪的头痛。

【讨论】：