2017-06-27 30 views
0

特定の小道具がアクティブであるかどうかによって、2つの異なるものを表現できる反応カードがあります。どのように私はお互いの隣に置くときにカードが同じサイズではないので、2つの異なるものが同じ高さであることを確認することができますか?
<div className={cardInfoClasses}> <h3 className={titleClasses}>{this.props.name}</h3> {cardMain} </div>2つの異なるコンポーネントを同じ高さにするにはどうすればいいですか

cardMainは、次のいずれかとなります:
<div> <Progress productData={productData} className='mobile_hide'/> </div>;または <CardButton initialData = {this.props.data}/>

+0

いくつかのサンプルコードを表示できますか? – Stretch0

+0

コーディングの問題を解決するためには、実際にコードを表示する必要があります。 ** **関連性の低いすべてのコード**を[**最小限で完全で検証可能な例**](http://stackoverflow.com/help/mcve)に表示するように質問を更新してください。詳細については、[**よくある質問をどうやるか**](http://stackoverflow.com/help/how-to-ask)に関するヘルプ記事を参照して、サイトの[**ツアー**](http://stackoverflow.com/tour):) –

+0

申し訳ありませんが、もしそれが役に立ったらコードを追加しました – swagbag

答えて

0


あなたはディスプレイフレックスやテーブルとそれを達成することができます。ここ

はコードです。親ディスプレイにflexを与え、justify-elementsやwidthのような他のプロパティを調整します。

関連する問題