使用CSS和HTML的最好的免费IDE /编辑器是什么，它有几千个div，而且很难看出哪个div连接到什么？例如，如果它可以突出显示相应的div，或者在它们旁边显示一个+/-符号来展开/折叠它们？
答案 0 :(得分：7)
我喜欢在firefox中使用firebug来识别你所描述的问题。然后我可以清楚地看到浏览器正在渲染的内容并直接单击导致渲染的代码。必须拥有（有这么多其他功能）。
我同意@scunliffe：“成千上万的div”让我害怕！
答案 1 :(得分：5)
Notepad ++或Eclipse可以执行您提到的突出显示/折叠。 Firebug可以以更具交互性的方式向您展示哪些是哪一个。快速浏览W3C验证器将确保其中也没有任何不匹配的标签。不能伤害。
总的来说，这只是一个“哎哟”的情况。如果你与造成这种混乱的人有任何联系，请鼓励他们尽快清理它。它会让每个人都更快乐，他们的页面加载更快。
答案 2 :(得分：1)
<div>或</div>进行轻松匹配时，带有“％”的vim。可能还有一个用于代码折叠的插件。它也很快，这对于怪异的文本文件很有帮助。
答案 3 :(得分：1)
只需像我们其他人一样下载Dreamweaver CS4的破解副本。
@Cameron - ctrl + Shift + f
答案 4 :(得分：0)
我建议使用Aptana Studio插件的Eclipse IDE。匹配标签，标签洞察力等的突出亮点
答案 5 :(得分：0)
许多免费的IDE都会这样做。我知道Komodo Edit完全符合你所描述的开箱即用的事实。
答案 6 :(得分：0)
NuSphere PhpEd具有HTML代码折叠功能。
答案 7 :(得分：0)
oXygen's xhtml support做了这样的事情。具体来说，它提供代码折叠并解析xhtml代码以提供突出显示匹配div的功能。您还可以针对更适合XML文档的regexp grep形式，针对源运行ad-hoc XPath语句。我还发现他们的代码完成非常聪明。
答案 8 :(得分：0)
除了崩溃div之外，你可能会对像这个共享软件这样的美化工具感兴趣，这个开源C程序名为“Tidy”，它位于古老的W3C，http://www.w3.org/People/Raggett/tidy/