跳到主要内容

CSS Formatter

Developer

Turn a single-line stylesheet back into readable, indented rules. Strings and url() contents are left untouched.

正在加载工具…

How to use

3 steps
  1. 01

    把内容粘进输入框,压缩过的、手写乱的都可以

  2. 02

    选缩进:2 空格、4 空格或 Tab

  3. 03

    右侧实时展开,复制或下载即可

FAQ

4 questions
Q1会改动我的字符串内容吗?

不会。处理时先把引号内的内容整体保护起来,content: "→" 这种特殊字符、url() 里的空格都原样保留。

Q2支持 SCSS / Less 吗?

大括号和分号结构能正常展开,但嵌套选择器、mixin、@extend、// 行注释这些预处理器语法没有专门处理,可能显示得不符合预期。先编译成 CSS 再格式化最稳。

Q3会不会把属性顺序打乱?

不会。只插入换行和缩进,声明的顺序和内容都不变,格式化前后 diff 应该只有空白差异。

Q4格式化后再压缩,能回到原样吗?

不一定完全一样。格式化会标准化缩进,再压缩得到的是一行紧凑写法——和原始压缩结果在字节上可能不同,但功能等价。

Developer