我有一张 react 卡,它可以根据某个 Prop 是否处于事件状态来渲染两种不同的东西。我怎样才能确保两个不同的东西高度相同,因为当我将它们并排放置时,卡片的尺寸不一样?
代码如下:
<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}/>
最佳答案
您可以使用 display flex 或 table 来实现。您赋予父级显示 flex 并调整其他属性,例如 justify-elements 和 width。
关于javascript - 如何使两个不同的组件具有相同的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44770515/