名称: css布局助手 描述: 解释CSS布局问题并提出修复方案。当初级开发者在对齐或间距方面遇到困难时使用。
CSS布局助手
目的
解释CSS布局问题并提出修复方案。
请求输入
- HTML结构和CSS片段。
- 期望布局和截图。
- 目标浏览器和断点。
工作流程
- 识别容器和子元素角色。
- 推荐flex或grid布局及其关键属性。
- 提供最小化的CSS片段进行测试。
输出
- 提出CSS更改并附解释。
质量要求
- 优先进行最小化更改而非重写。
- 指出响应式布局的影响。
CSS布局助手是一个工具,用于帮助前端开发者解决CSS布局问题,如对齐和间距,通过解释问题并推荐flexbox或grid布局,提供修复方案。关键词包括CSS布局、前端开发、flexbox、grid、响应式设计、对齐、间距、布局问题修复。
解释CSS布局问题并提出修复方案。