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

Popular posts from this blog

mysql - Dreamhost PyCharm Django Python 3 Launching a Site -

java - Sending SMS with SMSLib and Web Services -

java - How to resolve The method toString() in the type Object is not applicable for the arguments (InputStream) -