开发者工具
CSS Flexbox 生成器
可视化构建 flexbox 布局 — 控制方向、换行、对齐和每个元素的属性，实时预览并复制 CSS
Container Properties
Live Preview
1
2
3
4
Item 1 Properties
Generated CSS
.container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
align-content: stretch;
gap: 8px;
height: 200px;
}
.item-1 {
}
.item-2 {
}
.item-3 {
}
.item-4 {
}继续探索
您可能喜欢的其他 开发者工具…
JSON格式化工具
使用语法高亮和错误检测格式化、验证和压缩JSON
立即试用
Base64编码/解码
将文本或文件编码为Base64，并将Base64字符串解码为可读文本
立即试用
URL编码/解码
编码和解码URL组件和查询字符串参数
立即试用
UUID生成器
生成随机UUID（v1、v4）或批量生成多个UUID
立即试用
哈希生成器
从文本或文件生成MD5、SHA-1、SHA-256、SHA-512哈希
立即试用
正则表达式测试器
实时匹配高亮测试正则表达式并提取分组
立即试用
JWT解码器
解码和检查JSON Web Token — 查看header、payload并验证签名
立即试用
HTML格式化工具
使用正确缩进和语法高亮格式化和美化HTML代码
立即试用