小编fpe*_*kov的帖子

Chakra UI 全高组件

如何将我的应用程序组件设置为全高?我什至尝试在我的 index.html 中将 body 标记设置为高度 100%,但没有成功

css reactjs chakra-ui

6
推荐指数
1
解决办法
2万
查看次数

Chakra ui 中的响应式网格

我想制作具有四列的网格,其中每个元素将具有相同的宽度,但高度根据其内部的内容而定。为了更好地理解,你可以去 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 组件具有相同的高度

reactjs chakra-ui

1
推荐指数
1
解决办法
1万
查看次数

标签 统计

chakra-ui ×2

reactjs ×2

css ×1