如何拆分单行CSS文件以提高可读性?

时间:2015-02-10 23:46:20

标签: css text-editor

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

为了便于阅读,有哪些工具可以将单行CSS文件拆分为多行样式块?

4 个答案:

答案 0 :(得分:5)

下载并安装代码编辑器Brackets。 (免费) http://brackets.io/

安装完成后,打开它并转到File-> Extension Manger。 搜索并安装“Beautify”。

安装扩展程序后,关闭并重新打开括号。

现在在Brackets中打开缩小的css文件,然后转到Edit-> Beautify或按Cmd-Shift-L(Mac)/ Ctrl-Shift-L(Win)键。

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

答案 1 :(得分:1)

有许多不同的代码"美化"这个问题(Sublime Text 2 Code Formatting)和随后的答案应该会给你一个良好的开端。

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

问题的其他答案包括使用HTML PrettifySublime CodeFormatter

答案 2 :(得分:1)

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

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

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

答案 3 :(得分:0)

SynWrite 编辑器(免费,Windows)。转到Options / AddonsManager / Install,键入“css format”并安装项目“CSS format”。

打开css文件后,调用menuitem“Plugins / CSS Format”。