如何在 sublime text 中制作缩小且可读的 css 文件？

Question

我如何不仅缩小我的 css 文件，还让它在 Sublime Text 中像这样可读...

.element-1 { color:black; font-size:16px; display:block}
.element-2 { color:green; font-size:12px; display:inline}
.element-3 { color:brown; font-size:20px; display:flex}

而不是将其缩小为像这样难以阅读的单行代码...

.element-1{color:black;font-size:16px;display:block}.element-2{color:green;font-size:12px;display:inline}.element-3{color:brown;font-size:20px;display:flex}

我已经尝试搜索可以处理此任务的 sublime text 插件，但还没有找到这样的插件。我找到的所有插件（例如 Minify and sublime-html5-minifier）都将其压缩成一行。我如何获得如此缩小且易于阅读的 CSS 结果？提前致谢:)

PS。很抱歉，因为我不是以英语为母语的人，所以我脑子里只有几个关键词来搜索特定的插件。这就是为什么我会问这样愚蠢的问题。

Answer 1

https://packagecontrol.io/packages/CSS%20Format

这个应该可以解决问题。

示例。

html,body{margin:0px;padding:0px;}
.clearfix:after{content:"";display:table;clear:both;}

您还可以查看上面link中的其他示例。

如何在 sublime text 中制作缩小且可读的 css 文件？

how to make minified and readable css file in sublime text?

css

html

sublimetext