You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何将CSS代码grid-template-rows: auto 1fr;转换为Tailwind类名?

解决方法
  • 对应grid-template-rows: auto 1fr;的Tailwind写法是:grid-rows-[auto_1fr]
  • 实际使用示例:
<div class="grid grid-rows-[auto_1fr]">
  <div>自适应高度的顶部内容</div>
  <div>填充剩余空间的区域</div>
</div>
  • 说明:这是利用Tailwind的任意值语法,通过方括号直接传入原生CSS的网格行配置,完美匹配你需要的效果。

内容的提问来源于stack exchange,提问作者Nikola Mitic

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.23 06:52:01