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

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来实现这一目标。您为父显示器flex指定并调整其他属性，如justify-elements和width。