如何将我的应用程序组件设置为全高?我什至尝试在我的 index.html 中将 body 标记设置为高度 100%,但没有成功
我想制作具有四列的网格,其中每个元素将具有相同的宽度,但高度根据其内部的内容而定。为了更好地理解,你可以去 Google Keep,其中笔记具有相同的宽度和不同的高度。
<SimpleGrid columns={[1, 2, 3, 4, 5, 6]} gap={5}>
<Box>
<Text as='h5' isTruncated fontWeight='bold' fontSize='large'>
{note.title}
</Text>
<Text>{note.text}</Text>
</Box>
</SimpleGrid>
Run Code Online (Sandbox Code Playgroud)
问题是 Box 组件具有相同的高度