0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0
配置
使用一致的缩进格式化和组织 CSS 和 SCSS 样式表。配置缩进和行宽度选项,将代码粘贴到编辑器中,然后按格式化。
源代码
行:0角色:0
工作原理
对压缩或对齐混乱的 CSS 或 SCSS 样式表重新缩进并整理,使其可读。适合检查压缩样式、查看第三方 CSS,或在保存前统一格式。
可以选择缩进类型(空格或制表符)、缩进大小和行尾。每条声明单独一行,用逗号分隔的选择器放在各自的行上。
处理完全在本地、在你的浏览器中使用 js-beautify 完成。它格式化外观;不会压缩、不会重新排列属性,也不会验证规则是否正确。
示例
a,b{color:red;margin:0}a,
b {
color: red;
margin: 0
}选择器被分到各行,每个属性都有缩进。使用场景
- 让网站的压缩 .css 文件变得可读。
- 在提交前统一样式表的缩进。
- 查看和比较框架或库中的 CSS 规则。
- 整理从文档或生成器中粘贴的 SCSS。
常见问题
它也适用于 SCSS 或 LESS 吗?
它会格式化 CSS 以及 SCSS 等兼容语法,包括嵌套规则。它不会把 SCSS 或 LESS 编译为 CSS:只是重新排列缩进和换行。
它会重新排序或分组属性吗?
不会。它保留选择器和声明的原始顺序。只更改间距、缩进和换行以提高可读性。
这和压缩 CSS 是一回事吗?
不是,正好相反。格式化会添加空格和换行以便阅读;压缩会移除它们以减小文件体积。若要压缩,请使用压缩工具。
我的代码会上传到服务器吗?
不会。格式化完全在你的浏览器中进行;CSS绝不会离开你的电脑。