css - 如何使 Dreamweaver 中的代码更整洁？

Question

是否有任何快速简便的方法可以将代码转换为如下所示:

<style>
element { property:value; property:value; 
property:value; 
property:value; }

element { property:value; property:value; property:value; property:value; property:value; }
element {property:value; property:value; property:value; 
property:value; 
property:value; property:value; 
}
</style>
<div>
content content content <div> content </div>
  </div>

像这样变得漂亮整洁:

<style>

element { property:value; property:value; property:value; property:value; }

element { property:value; property:value; property:value; property:value; }

element { property:value; property:value; property:value; property:value; }

</style>

<div>
content content content 
      <div> 
          content 
      </div>
</div>

如果有一个按字母顺序排列 css 的按钮，也会让生活更轻松

Answer 1

查看这些类似的问题/答案:

• Is it possible to auto-format your code in Dreamweaver?

• dreamweaver CS5 code formatter

我自己没有安装 Dreamweaver，但是根据 this answer以下命令应该可用:

• 命令 > 应用格式
• 命令 > 清理 HTML