同一高度的md卡内的两张图表

Question

我在md卡容器（角材）中有两个图表。它们都具有flex = '33'的flex属性，这意味着它们具有相同的宽度。不过，我希望他们也有同样的身高。

我现在代码：

HTML：

<div id="surveyStats" layout="row" layout-wrap layout-align="center center"> 
    <md-card flex="33"> 
     <md-card-title> 
     <md-card-title-text> 
      <h4>Examples Collected For Each Intent</h4> 
      <canvas id="examplesIntent"></canvas> 
     </md-card-title-text> 
     </md-card-title> 
    </md-card> 
    <md-card flex="33"> 
     <md-card-title> 
     <md-card-title-text> 
      <h4>Intents Covered in Survey</h4> 
      <div class="intent-result"> 
      <div id="intentsCovered" layout="row" layout-align="center center"></div> 
      </div> 
     </md-card-title-text> 
     </md-card-title> 
    </md-card> 
    </div> 

CSS：

#surveyStats { 
    margin-top: 5%; 
} 

.intent-result{ 
    margin: auto; 
    position: relative; 
} 

我还添加这两个图表的截图。有人可以告诉我如何将它们设置为相同的高度（不这样做，在PX，我宁愿类似柔性= '33' 选项的方法。）

Answer 1

真的不能重现这但试试

#surveyStats { 
    margin-top: 5%; 
    display: flex; 
}