如何使两个不同的组件具有相同的高度

Question

我有一个反应卡，可以根据某个道具是否激活来渲染两种不同的东西。 当我将它们并排放置时，如何确保两个不同的物体的高度相同，因为它们的尺寸不一样？

这是代码：
<div className={cardInfoClasses}> <h3 className={titleClasses}>{this.props.name}</h3> {cardMain} </div>

cardMain可以是：
<div> <Progress productData={productData} className='mobile_hide'/> </div>; 要么
<CardButton initialData = {this.props.data}/>

Answer 1

您可以使用display flex或table完成。 您可以为父级显示提供柔韧性，并调整其他属性，例如justify-elements和width。