CSS 格式化
在浏览器中美化并整理杂乱或压缩的 CSS。
实时 — 边输入边格式化
示例
美化压缩的 CSS
输入
.btn{color:#fff;background:#000;padding:8px 16px;}输出
.btn {
color: #fff;
background: #000;
padding: 8px 16px;
}整理不一致的间距
输入
a{color:blue;} a:hover{color:red;}输出
a {
color: blue;
}
a:hover {
color: red;
}关于此工具
这个免费在线 CSS 格式化工具把杂乱或压缩的样式表变成整洁、缩进整齐的 CSS——一个快速的 CSS 美化和格式化工具。粘贴你的 CSS，选择缩进样式，格式化结果立即出现。一切都在你的浏览器中运行，不上传，你的代码绝不会离开你的设备。
使用方法
- 把 CSS 粘贴到输入框（点击示例试用）。
- 选择 2 空格、4 空格或制表符缩进。
- 在右侧输出框查看美化后的 CSS。
- 用复制按钮复制结果。
何时使用 CSS 格式化工具
从构建好的包复制压缩 CSS、接手间距不一致的样式表，或在编辑前想读懂某条规则时，重新格式化很有用。一致的缩进让选择器和嵌套一目了然，diff 也保持干净。
常见问题
这个 CSS 格式化工具免费吗?
免费 — 无需注册、无限制的完全免费在线 CSS 格式化和美化工具。想格式化和缩进多少 CSS 都行。
我的 CSS 会上传到服务器吗?
不会。这是不上传的工具——你的 CSS 完全在浏览器中格式化，所以代码绝不会离开你的设备。对私密或内部样式表也安全。
CSS 美化器做什么?
它把每条规则和声明各放一行，规范化大括号、冒号和分号周围的间距，并重新缩进一切，让压缩或杂乱的 CSS 变得易读。
我能选择缩进吗?
能——选 2 空格、4 空格或制表符。你的选择会记在浏览器中，下次仍在。
它能处理 SCSS 或 Less 吗?
由于结构类似 CSS，它在缩进和整理方面能很好地处理大多数 SCSS 和 Less 语法。它是格式化而非编译——不会展开嵌套或变量。
它能展开压缩的 CSS 吗?
能。粘贴单行或压缩的样式表，它会把它展开成正确缩进、易读的规则集。
离线和手机上能用吗?
页面加载后它在本地运行，所以在网络不稳时仍能工作，布局在手机和平板上完全响应式。
相关工具