模板使用说明
建议熟悉主轴和交叉轴的概念,合理使用flex-grow、flex-shrink和flex-basis属性控制项目伸缩。注意在低版本IE中的兼容性问题。生成的方案可直接应用于项目的布局设计中。
模板功能说明
本模板提供了完整的Flex弹性布局使用方案,涵盖容器属性和项目属性的详细用法。通过display:flex创建弹性容器,使用justify-content控制主轴对齐,align-items控制交叉轴对齐等属性,您可以创建适应不同屏幕尺寸的灵活布局。使用此模板能够帮助您掌握Flexbox的核心概念和实用技巧。
参数表单
根据你的业务场景和内容需求,填写下方维度与字段信息,系统会据此拼装结构化 Prompt。
生成结果
完成参数填写并点击「使用此模板生成 Prompt」按钮后,这里会展示可直接复制到大模型里的提示词文本。