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

标签 css html sublimetext

我如何不仅缩小我的 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 插件,但还没有找到这样的插件。我发现的所有插件(例如 Minifysublime-html5-minifier )都将其压缩为单行。我如何获得如此缩小且易于阅读的 CSS 结果?提前致谢:)

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

最佳答案

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

这个应该可以解决问题。

例子。

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

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

关于css - 如何在 sublime text 中制作缩小且可读的 css 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33030686/

相关文章:

javascript - Spring java - 圆 Angular 在 ie 中不起作用

html - 有没有办法让 ie8 中的第 nth-child() 工作

html - 如何修复文本中的自动中断

keyboard-shortcuts - Sublime Text - 使用键盘快捷键跳转到第一个搜索结果

css - 没有顶盒阴影?

javascript - 矩形不会绘制

javascript - 对自己的属性使用 jQuery

jquery - 如何使用 jQuery 计算选项标签的数量?

html - 如何打开~~~ .sublime-package文件?

html - Sublime Text 2 保存 css 时出错 [ERROR 2]