如何将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
相关产品推荐
相关产品推荐

