在react antd Pro框架里， 页面里两个Card如何底部对齐

Question

 <Row gutter={8}>
   <Col span={8}>
     <Card>
       <div>测试</div>
     </Card>
   </Col>
   <Col span={16}>
     <Card>
       <Table/>
     </Card>
  </Col>
</Row>

一个Card里有一个Table组件，table有分页功能，我想实现随着分页数据数量的改变，左边Card高度随右边的变化，实现底部平行，请问有什么好的方法吗

Answer 1

用flex布局就可以了

两个Card的父元素:

 display: flex