Flex 布局试验

组合排列方向、主轴和交叉轴对齐,查看实际布局。在当前浏览器中填写或导入内容,检查结果后复制或导出。

组合排列方向、主轴和交叉轴对齐,查看实际布局。 · 关键词:Flexbox、弹性布局、justify-content、align-items

常见问题

怎样处理,支持哪些范围?

预览六个示例元素,调整方向、对齐、换行和基础宽度。生成的 CSS 包含容器与直接子项样式,目标容器的尺寸会影响实际排布。

输入和结果会上传或保存吗?

输入、文件与结果只在当前页面本地处理,刷新后清空;不会把内容、文件名或结果写入 URL、工具历史或服务器。原站固定工具标识与数量统计保留。