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