如何更改我的代码以避免在 Aptana Studio 中出现警告“应该修剪空 <div>”？答案

【问题标题】：How do I change my code to avoid warning "should trim empty <div>" in Aptana Studio?如何更改我的代码以避免在 Aptana Studio 中出现警告“应该修剪空 <div>”？
【发布时间】：2011-12-27 14:16:09
【问题描述】：

当我需要 CSS 函数时，我使用“类”。例如，当我想使用 clear: left; 我创建了一个类 .clear {clear: left;} 并在 HTML 文件中使用它。

但总是有警告

应该修剪空

幸运的是，这不是错误，所以我不太在意。但有时会困扰我。

有什么解决方法能坚持我的习惯吗？

【问题讨论】：

您在哪里看到警告？我不明白。
请具体说明您在哪里看到此错误？由于 CSS 错误通常不会在 HTML 页面中生成任何警报...
顺便说一句，在我看来，将警告视为“仅警告”然后忽略是一个非常糟糕的习惯。编译器/验证器/？您使用的有正当理由发出警告。即使输出看起来是正确的，也有些地方不对。
这在哪里/何时出现。什么工具？
这个警告出现在哪里？

标签： css html aptana trim

【解决方案1】：

对于 Aptana Studio 用户：

Windows：转到窗口 > 首选项 > Aptana Studio > 验证

（Mac：转到 Aptana Studio > 首选项 > Aptana Studio > 验证）

选择 HTML Tidy Validator 然后会出现一些可折叠的选项。选择元素，它将显示选项列表。现在转到列表底部，您将看到“修剪空元素”：将其从警告更改为忽略。

【讨论】：

【解决方案2】：

我假设您在谈论 Aptana Studio，也许其他一些 IDE 也在做同样的事情，我不知道？任何你可以像这样简单地在 div 标签之间添加一个空格的方法：

<div id="someDiv" class="clearLeft"> </div>

或者像这样在标签之间添加注释：

<div id="someDiv" class="clearLeft"><!----></div>

这应该会删除警告消息，并且不会导致您的 html 出现任何问题。

【讨论】：

我刚才对你投了赞成票，因为这是 Aptana 的有效解决方案。当然，它在代码中看起来不太好，我想 OP 正在寻找代码解析器本身的修复程序，但这同时也有效。
谢谢！是的，它不是很漂亮。如果他正在寻找对解析器的修复，则可以修改所有或大部分验证。我在这里发布了一个类似验证问题的答案，应该可以解决问题：stackoverflow.com/questions/10169630/…

【解决方案3】：

如果您使用的是 Aptana Studio：

转到窗口 > 首选项 > Aptana Studio > 验证 > HTML。

将“HTML Tidy Validator”的两项检查改为“X”。或者，您可以单击“+”添加正则表达式以过滤掉错误。

【讨论】：

【解决方案4】：

这是一个相当老的问题，但我觉得有必要指出一些事情：

如果使用正确，空元素是可以接受的。例如。 javascript 模板引擎 pure.js 完全依赖它们。
在理想情况下，您应该将clear:left 添加到浮动元素之后的元素，而不是使用实用元素。 DOM 类应该与 css 本身无关（例如 clear），而应该描述文档结构（这反过来允许您清除逻辑元素）。无论哪种方式，这都是理想的世界，并且以您使用它的方式使用 css 是相当普遍的，并且没有太多错误（唯一的缺点是如果您想更改 DOM 的外观，则需要更改 DOM您的网站）。
最糟糕的做法是添加&nbsp;，因为这会完全忽略警告背后的原因，只是“绕过”它。

【讨论】：

我收到了同样的“警告”。每个人都在问警告出现在哪里。我专门使用 Aptana Studio 3，但它出现在这个程序中。此警告出现在“编译器”中的行号的左边距（我不确定 aptana 是否真的被限定为编译器）。
那么，如果“可以接受空元素”，那么“警告背后的原因”是什么？
@JānisElmeris 我提出的第二点可能是主要的。空元素往往是代码异味。这并不意味着它总是不好，但在大多数情况下，你正在做一些你不应该做的事情（例如，使用 html 元素作为样式工具）。然而，如果一个空元素只是在等待通过一些 Javascript 填充，那么它根本没有任何问题。

【解决方案5】：

尝试这样做：

    .clear {
        clear: left;
    }

在同一行中写有空 div 的情况发生在我身上。

【讨论】：

【解决方案6】：

另一个解决方案是给你的空 div 一个 id

<div id="myEmptyDiv"></div>

【讨论】：