なぜjustifyContent：space-between work？

Text1Text2Text3Text4Text5Text6Text7を最上部に置き、テキストをjustifyContent: 'space-between'に置きます。なぜjustifyContent：space-between work？

私はしようとしましたが、テキストはすべてtoに配置されています。

<div style={{display: 'flex-item', flex: 1, margin: 0, padding: 0}}> 
    <div style={{float: 'left', flex: 1, display: 'flex-item'}}> 
     <div>Place me below ul</div> 
    </div> 
</div>

なぜjustifyContent: 'space-between'が機能しないのですか？私は何が間違っていますか？

出典

2016-10-31 Jo Ko

'justify-content'と' flex-direction'プロパティが必要ですか？ –

@DenisSheremetこれはJSXで、CSSと同じように動作し、現在は 'flexDirection'が動作していますが、' justifyContent'は動作しません。 –

レンダリングされた結果を投稿してください。正常に動作するはずですが、JSXが間違ってレンダリングしない限り、問題は表示されません。 – LGSon

スペースを有効に使用するには、親要素にdisplay：flexがあることを確認する必要があります。すべてのベンダープレフィックスを含みます。

出典

2016-11-01 18:37:43

なぜjustifyContent：space-between work？

答えて

関連する問題