如何让 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

Answer 2

试试：

Command -> Apply Source Formatting