Css 如何在Dreamweaver中使代码更整洁？

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

<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>

元素{属性：值；属性：值；
财产：价值；
属性：value；}
元素{property:value；property:value；property:value；property:value；property:value；}
元素{property:value；property:value；property:value；
财产：价值；
属性：值；属性：值；
}
内容

为了像这样漂亮整洁：

<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>

元素{property:value；property:value；property:value；property:value；}
元素{property:value；property:value；property:value；property:value；}
元素{property:value；property:value；property:value；property:value；}
内容
内容

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

试试：

Command -> Apply Source Formatting

---

请参见以下类似问题/答案：

我自己没有安装Dreamweaver，但根据以下命令应可用：

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

可能的副本