素材UIカードの高さ

私はここに簡単に何かが欠けていると確信していますが、私は私の人生のためにこれを理解することはできません。素材UIカードの高さ

私はトラックリストをアルバムを表示するように反応するでMaterial-UIカードのコンポーネントを使用しています。カードは拡張可能であり、1つのカードが展開されたときにすべてが高さで拡張されるように、の親コンテナの100％を充填しています。
親カードで他のカードを展開しないようにするにはどうすればいいですか？のコンテンツを表示するのに十分な高さになるようにするにはどうすればよいですか？

拡張カードのみ高さを変更する必要があります。ここに私が意味するスクリーンショットがあります：material-ui cards

2017-06-21 Spencer Charest

カードにスタイルを適用することができます。

var cardStyle = { 
    display: 'block', 
    width: '30vw', 
    transitionDuration: '0.3s', 
    height: '45vw' 
}

そして、あなたのCardStyleであなたは、あなたの助けのための

<Card style={cardStyle}> 
       <CardHeader 
        title="URL Avatar" 
        subtitle="Subtitle" 
        avatar="https://placeimg.com/800/450/nature" 
       />

出典

2017-06-21 19:01:41

おかげで上記のスタイルを適用することができます。私は実際にすでにカードにスタイルを適用しています。カードのコンテンツを表示するためにカードを調整するために使用する高さプロパティは何ですか？私は '' 'height：auto'''を使用していますが、それはカードが行全体の高さを満たす原因になります。 –

私はそれを理解しました。問題は、カードコンポーネントではなく親divの高さを変更する必要があることでした。助けてくれてありがとう！ –

ただ受け入れました。ご入力いただきありがとうございます。遅れて申し訳ありませんが、私はStackExchangeでまだ投稿していません。 –

答えて

関連する問題