素材阁

CSS 格式化美化

CSS 格式化 / 压缩:一键美化(缩进、换行、属性对齐)或压缩(去注释、去多余空白、压缩色值)CSS 代码, 支持多种缩进与是否保留注释,适合整理样式表、减小体积。全部在浏览器本地处理,代码不上传。

使用说明

样式表长时间维护后常出现缩进混乱、空行过多、注释堆积。本工具可一键美化(统一缩进与换行)或压缩(去注释、去空白、压缩色值),在把 CSS 交付上线前减小体积,或在阅读压缩后的样式时恢复可读格式。

  1. 把 CSS 粘贴到左侧输入框。
  2. 选择缩进(2/4 空格或 Tab),压缩时按需勾选「保留注释」。
  3. 点「美化」得到易读格式,或点「压缩」得到紧凑体积,右侧会显示前后字符数对比。
  4. 点「复制」取走结果。

常见问题

压缩会不会破坏我的样式?
不会。工具逐字符扫描,遇引号与注释会整段保留,只删除多余空白并合并可压缩的色值(如 #ffffff → #fff),不改变样式含义。
支持 SCSS/LESS 吗?
可以处理,但因涉及嵌套与变量语法,美化效果不如纯 CSS 理想。建议先编译为标准 CSS 再格式化,或仅对压缩后的 CSS 做美化阅读。

延伸阅读

相关工具