css美化格式化
选择:缩进长度
花括号换行:

工具使用说明

1. 缩进长度:可选择4空格/2空格/Tab三种代码缩进风格,适配不同团队编码规范;

2. 花括号换行:「不换行」为前端常用紧凑风格({跟在选择器后方),「换行」为传统规范风格({单独另起一行);

3. 自动分号:自动补全CSS属性末尾缺失的分号,避免语法报错;

4. 支持压缩CSS、单行混乱CSS展开美化,实时根据右侧配置生成对应格式代码。

格式化示例

原始压缩CSS:

.box{width:200px;height:100px;background:#fff}.title{font-size:16px;color:#333}

默认配置(4空格+花括号不换行+自动分号)格式化结果:

.box {
    width: 200px;
    height: 100px;
    background: #fff;
}
.title {
    font-size: 16px;
    color: #333;
}

切换「花括号换行」风格效果:

.box
{
    width: 200px;
    height: 100px;
    background: #fff;
}