tailwindcss-advanced-layouts - Tailwind CSS 高级布局技术
提供 Tailwind CSS 高级 Grid、Flexbox、容器查询、定位、滚动和宽高比布局模式。
标签
更新于: 2026-09-28能力
典型输入
典型输出
该技能可以做什么
- 构建复杂 Grid 布局
- 定义 Grid 模板区域
- 创建响应式自适应网格
- 应用高级 Flexbox 模式
- 实现类瀑布流布局
- 使用容器查询
- 配置粘性定位
- 管理堆叠层级
- 设置滚动行为
- 应用宽高比工具类
输入
- 布局需求
- HTML 结构
- CSS 源代码
输出
- Tailwind CSS 代码片段
- 布局实现示例
要求
- Tailwind CSS v4
- 使用容器查询时需安装容器查询插件