UTILS.
100% 浏览器内运行
{ }

CSS 美化工具

为压缩的 CSS 添加合适的换行与间距,进行格式化和缩进。

— 输出将显示在这里 —

关于此工具

CSS 美化器是一款免费的浏览器内格式化工具,能把压缩或杂乱的 CSS 转成整洁、缩进一致的排版。它先折叠现有的空白字符,然后从零重建结构:每条规则和声明各占一行,左花括号留在选择器所在行,右花括号另起一行,嵌套块每层缩进两个空格。

它完全依据分隔选择器、块和声明的标点来工作,在每个声明的冒号后加一个空格、在左花括号前加一个空格。属性名和属性值保持不变,因此只有间距改变,样式效果不受影响。格式化会随你输入实时进行,全部在浏览器内完成——不上传、无需账户、不做跟踪,也可离线使用。

当你需要阅读、比对或手动编辑从构建产物中提取的压缩样式表,或想把单行片段展开成易读形式时,这个工具很方便。粘贴 CSS,在输出框中查看整理后的结果,一键复制即可。

常见问题

它会改变我的样式吗?
不会。它只调整空白和缩进——属性名、属性值和选择器都原样保留,因此渲染结果完全一致。
我的 CSS 会被发送到别处吗?
不会。格式化在本地用 JavaScript 运行,不上传、无需账户、不做跟踪,因此也可离线使用。
它能展开压缩过的 CSS 吗?
可以。它先折叠所有现有空白,再从零重新缩进,因此单行压缩的 CSS 和松散的多行 CSS 都会得到同样整洁的输出。
它会校验或修复我的 CSS 吗?
不会。它只重新整理花括号、分号和冒号周围的间距,但不会对 CSS 做 lint 或纠错,因此任何已有的语法错误都会原样保留。

更多工具