javascript - ReactJS: Why doesn't CSS Flexbox's alignItems work? -
in reactjs, using material-ui's <textfield/>
http://www.material-ui.com/#/components/text-field, trying make of float left spaced out in between two, alignitems isn't working. floats left , not spaced out in between.
what may issue?
render() { return ( <div style={{display: 'flex', flexflow: 'row wrap', alignitems: 'stretch'}}> <div> <textfield/> </div> <div> <textfield/> </div> </div> ) }
you don't use correct property. in row context, should use justify-content
place elements on x-axis.
render() { return ( <div style={{display: 'flex', flexflow: 'row wrap', justifycontent: 'space-between'}}> <div> <textfield/> </div> <div> <textfield/> </div> </div> ) }
Comments
Post a Comment