CSS网格布局问题任何人都可以解决这个布局[关闭]

a8jjtwal  于 2024-01-09  发布在  其他
关注(0)|答案(1)|浏览(146)

已关闭。此问题需要details or clarity。目前不接受回答。
**要改进此问题吗?**通过editing this post添加详细信息并阐明问题。

7天前关闭
Improve this question
请使水流从后50px(green color)last 5th row(green color)使用CSS grid,也在一行代码这里是图像解释!Solve The CSS grid question image explanation

有任何疑问,请随时向我提问!

请使用CSS grid和一行代码使水流从50px(green color)last 5th row(green color)

sd2nnvve

sd2nnvve1#

当使用grid-template-rows时,您可以将行指定为'0'。如果将第一行设置为50 px,则可以获得所需的特定高度。然后跨越有多少行。在这种情况下,您需要指定总共5行。
50 px(指定顶行),0(声明有一行,但没有高度,但你需要使用它3次,以指定3行的高度)1fr(Fr是一个分数单位,1fr是可用空间的1部分,因为一行是50 px,3是'0',1fr将跨越100%的可用空间。
答:
grid-template-rows:50px 0 0 0 1fr;

相关问题