用途:在编写 Tailwind CSS 布局时提供工具类参考,适用于搭建 flex 或 grid 布局、定位元素(absolute/relative/fixed/sticky)、管理 z-index/inset,以及使用 @container 容器查询。
主要能力: Flexbox:flex、flex-direction、justify-content、align-items、gap。 Grid:grid、grid-template-columns、grid-template-rows、place-items、place-content。 定位:absolute、relative、fixed、sticky、inset、z-index。 Display:block、inline、inline-block、flex、grid、hidden。 容器查询:@container、@container-size(v4.3 起,为 cqb/cqh 单位提供 size 容器)、@md、@lg、响应式容器尺寸。 间距:gap、space-x、space-y 及多方向间距。 对齐:justify-start、items-center、place-content 及多轴对齐。 Inset:inset、inset-x、inset-y、top、right、bottom、left,以及逻辑属性 inset-s/inset-e/inset-bs/inset-be(v4.2 起;start-/end- 已弃用)。
使用方式:按需选用上述工具类组合到元素上,例如用 class="block"、"inline"、"inline-block"、"flex"、"grid"、"hidden" 控制显示方式;参考文件包括 /flexbox.md(flex 工具、方向、grow/shrink)、/grid.md(网格布局、列、行、间距、放置)、/position.md(定位工具、层叠)。
适用场景:需要快速实现响应式布局、多轴对齐与间距控制、容器级响应式适配的前端与建站开发。
限制:资料未提供安装命令、版本兼容细节、性能或浏览器支持说明,暂未提供。仅在写出具体类名与用法时依据上述已列内容,不额外推断。