如何使兩個不同的組件具有相同的高度

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。