把压缩成一整行的 CSS、别人写的样式表或者 <style> 里的内容粘进来,一键排成缩进整齐、每条声明一行的格式;也能反过来压成一行,去掉注释和多余空白。处理前会先检查语法,大括号少了一个、声明的冒号漏了、引号没闭合,都会直接告诉你第几行第几列。
整个工具在你的浏览器里运行:解析、排版、压缩都是本地计算,CSS 不会发到服务器,也不会留下任何记录。
| 想做什么 | 怎么做 | 推荐设置 |
|---|---|---|
| 看懂一整行没换行的压缩 CSS | 粘贴后点「格式化」,声明逐条分行 | 2 个空格 · 保留注释 |
| 报错说某个括号没闭合 | 点「检查语法」,直接定位到行和列 | — |
| 上线前把样式表压小 | 点「压缩」,只删注释与空白 | 压缩 |
| 审一遍选择器组命中范围 | 勾「选择器分行」,.a, .b 各占一行 | 选择器分行 |
| 给同事的样式表留批注 | 保持「保留注释」,/* … */ 留在原位 | 保留注释 |
整理 @media 里的响应式覆盖 | 整段粘贴,@media 内部同样逐层缩进 | 4 个空格 · 规则间空行 |
状态行会给出第几行第几列以及具体原因,并附上出问题的那一段。最常见的是大括号少写了一个、声明的冒号写成了空格(color red;)、引号或 /* 注释没有闭合。按提示改完再点一次即可。
不会。页面没有任何后端接口,解析和排版全部在浏览器里完成,可以断网使用。
这个工具完全在你的浏览器里运行:你输入的内容、上传的文件,都不会离开你的电脑,也不会传到任何服务器。
放心用,数据只在你自己的电脑上转一圈。
用手机相机扫描二维码,即可继续使用该工具
遇到问题或有好建议?告诉我们。