CSS在线格式化,CSS美化,CSS代码压缩工具

CSS 格式化 压缩美化 缩进可调 更新于 2026-11-04
CSS 源码 0 字符 · 0 行 粘贴 CSS,或点右上角「导入」选本地文件
Ctrl / ⌘ + Enter 快速格式化
设置 改任何一项都会按上次的操作重新处理
缩进
  • 制表符 Tab
  • 2 个空格
  • 4 个空格
  • 8 个空格
还没处理。点「格式化」,或直接按 Ctrl / ⌘ + Enter。
结果 0 行 —
全部在你的浏览器里完成:不请求任何接口、不上传内容,断网也能用。

工具介绍

把压缩成一整行的 CSS、别人写的样式表或者 <style> 里的内容粘进来,一键排成缩进整齐、每条声明一行的格式;也能反过来压成一行,去掉注释和多余空白。处理前会先检查语法,大括号少了一个、声明的冒号漏了、引号没闭合,都会直接告诉你第几行第几列。

整个工具在你的浏览器里运行:解析、排版、压缩都是本地计算,CSS 不会发到服务器,也不会留下任何记录。

应用场景

想做什么怎么做推荐设置
看懂一整行没换行的压缩 CSS粘贴后点「格式化」,声明逐条分行2 个空格 · 保留注释
报错说某个括号没闭合点「检查语法」,直接定位到行和列—
上线前把样式表压小点「压缩」,只删注释与空白压缩
审一遍选择器组命中范围勾「选择器分行」,.a, .b 各占一行选择器分行
给同事的样式表留批注保持「保留注释」,/* … */ 留在原位保留注释
整理 @media 里的响应式覆盖整段粘贴,@media 内部同样逐层缩进4 个空格 · 规则间空行

常见问题

提示「第 N 行有问题」怎么办?

状态行会给出第几行第几列以及具体原因,并附上出问题的那一段。最常见的是大括号少写了一个、声明的冒号写成了空格(color red;)、引号或 /* 注释没有闭合。按提示改完再点一次即可。

内容会不会被上传?

不会。页面没有任何后端接口,解析和排版全部在浏览器里完成,可以断网使用。

关于隐私

这个工具完全在你的浏览器里运行:你输入的内容、上传的文件,都不会离开你的电脑,也不会传到任何服务器。

  • 不上传——处理全程在本地完成,页面不向后端发送你的数据;
  • 不留存——我们不保存、不记录你的任何输入内容;
  • 断网也能用——页面加载完成后,断开网络照样正常使用。

放心用,数据只在你自己的电脑上转一圈。

更新日志

2026-10-21
去掉外部脚本,改为本地解析
早期版本
工具正式上线发布

相关工具推荐