如何分割单行CSS文件以提高可读性？

Question

这不是一个编程问题，但我正在处理一个我想要检查的第三方CSS文件，但它都是一行。我尝试了Sublime 2文本编辑器和Eclipse CSS editor，但都不会将文件内容分割成容易被肉眼消费的样式块。

有什么工具可以将单行CSS文件拆分为多行样式块以提高可读性？

Answer 1

下载并安装代码编辑器支架。 （它是免费的） http://brackets.io/

一旦安装，打开它并转到文件 - >扩展管理器。 搜索并安装“美化”。

一旦安装了扩展，关闭并重新打开支架。

现在打开括号中的缩小CSS文件，并转到编辑 - >美化或按Cmd-Shift-L（Mac）/ Ctrl-Shift-L（Win）键。

该css文件现在应该美化，易于阅读。

Answer 2

有许多不同的代码“美化”这个SO问题（Sublime Text 2 Code Formatting）和后续的答案应该给你一个良好的开端。

很多看过该帖子的人发现this answer会有帮助。基本上Sergio Morlán说的是在Sublime Text中有一个内置的选项，可以在
Edit->Line->Reindent中找到。

该问题的其他答案包括使用HTML Prettify和Sublime CodeFormatter。

Answer 3

SynWrite editor（free，Windows）。转到Options/AddonsManager/Install，输入“css格式”并安装项目“CSS格式”。

打开css文件后，调用menuitem“插件/ CSS格式”。

Answer 4

我发现“HTML，CSS & JavaScript Minifier/Maxifier”是一个非常有用的在线工具，可将缩小的CSS内容拆分为样式块。这里是该网站的链接。

<http://codepen.io/depthdev/pen/HKuLs> 

可以使用相同的工具来分割缩小的JavaScript和HTML文件。它也可以用来缩小HTML，CSS和JavaScript。