109 · 开发者工具

CSS 格式化程序

粘贴缩小或混乱的 CSS 以获得每行一个属性和清晰的缩进。

您的数据: 该工具处理您在此浏览器中的输入。 CapyHelp 不会上传该输入来生成结果。 隐私详情

CSS 格式化程序

如何使用CSS格式化程序

  1. 粘贴你的CSS。
  2. 选择缩进。
  3. 复制格式化的 CSS。

有什么变化

每个规则都有自己的块,每个声明都有自己的行,并且用逗号分隔的选择器位于不同的行上。嵌套块例如 @media 是缩进的。字符串和 url() 值永远不会被分割,即使它们包含分号。

示例

.card{显示:flex;间隙:12px}

.card { 显示:flex;间隙:12px; }

@media(最大宽度:600px){…}

缩进媒体块

问题

评论是否保留?

正常注释在格式化过程中会被删除。注释以 /*! (许可证说明)被保留。

我的数据上传了吗?

不会。一切都在您的浏览器中运行,因此您粘贴的内容永远不会离开您的设备。

自动翻译。回顾重要结果。