css - Ant Design Tab Pane 最小高度 100%

标签 css reactjs flexbox height antd

使用 Ant.Design 选项卡 https://ant.design/components/tabs/

如何在 TabPane 上设置样式,使其最小高度始终为窗口的 100% 高度,即使它是空的?

下面的例子应该用颜色 #F5F5F5 覆盖窗口

Edit epic-flower-tg0g3

最佳答案

这对我有用。

<TabPane tab={tab.title} key={index}>
<Row>
  <Col style={{minHeight: "100vh", maxheight: "100vh"}}>
   Test
  </Col>
</Row>
</TabPane>

关于css - Ant Design Tab Pane 最小高度 100%,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57546564/

相关文章:

reactjs - 使用 Material UI 自动完成组件根据当前选择的选项禁用选项

javascript - react 导航 2 : How to check previous scene and to disable tab change

javascript - 具有对象数组的映射函数仅在 Reactjs 中返回第一个值

html - 如何去除顶部的空白

jquery - 我希望 JQuery Animate 在展开时将内容下推

javascript - 使用 local.Storage (value) 更改背景颜色

html - mouseover - 在 sideNav 打开时更改元素

html - 水平居中并调整内容

html - 在此 flexbox 布局中保持 aside 列固定宽度

html - 了解 flex 增长