如何使缩小和可读的css文件在崇高的文本？

Question

我如何不仅缩小我的css文件，而且让它在崇高的文本中可读的像这样.

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

我已经尝试过搜索能够处理这个任务的出色的文本插件，但是还没有找到这样的插件。我找到的所有插件(如缩小和崇高-html5 5-小型机)都将其压缩为一行。我如何得到这样的小型化和易于阅读的CSS结果？(预先谢谢:)

PS。很抱歉，因为我不是以英语为母语的人，我只有几个关键字在我的头脑中搜索特定的插件。所以我才问这么蠢的问题。

Answer 1

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

这个应该能行。

举例说明。

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

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