2016-10-31 1 views
2

Ich möchte Text1Text2Text3Text4Text5Text6Text7 an der Spitze platziert und platzieren Sie den Text mit justifyContent: 'space-between'.Warum berechtigtContent nicht: Abstand zwischen der Arbeit?

Also habe ich versucht, aber die Texte sind alle an der Stelle platziert.

<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> 

Warum ist es, dass justifyContent: 'space-between' nicht funktioniert? Was könnte ich falsch machen?

+0

Es sollte 'justify-content' und' flex-direction'-Eigenschaften sein? –

+0

@DenisSherem das ist JSX und es funktioniert genau wie CSS, und momentan funktioniert 'flexDirection', aber' justificiumContent' ist nicht. –

+1

Bitte posten Sie das gerenderte Ergebnis, so wie es funktionieren sollte, aber es kann das Problem nur sehen, wenn es von JSX falsch gerendert wird. – LGSon

Antwort

0

Um Platz dazwischen zu bekommen, müssen Sie sicherstellen, dass das Elternelement display: flex; und alle Anbieterpräfixe einschließen.

Verwandte Themen