如何在Material UI中设置材料卡的最小高度?

时间:2017-10-18 07:01:55

标签: javascript css reactjs material-ui

我有一张卡片,里面嵌有一张桌子。随着桌子的扩展,卡片会展开。但是,当表没有数据或单个条目时,卡也会缩小。我想为卡片设置一个最小高度,这样即使我的桌子里面只有一个条目或没有条目,卡片也不会缩小。但是,当表由更多行填充时,它应该扩展。

我的代码如下:

    const BaseCard = () =>
       <div id="card-containerBase">
       <Card
          style={{
          width: '100%',
          margin: 'auto',
          padding: '10px',
          backgroundColor: '#ECEFF1',
    }}
   >

1 个答案:

答案 0 :(得分:0)

正如@Krusader指出的那样,可以使用最小高度设置最小高度。 但是内部材质UI卡样式属性应设置为 了minHeight。 我将参数设置为:

    minheight: '30vw'