选择:缩进长度
花括号换行:
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;
}