如何在React JS中水平对齐div？

Question

以下只是我的代码片段：

return(
     <div className='row'>
         <div>row1</div><div>row2</div><div>row3</div>
     </div>
);

我尝试了这个，但它显示在垂直方向。图片附在下面

Answer 1

这不是Reactjs问题。使用CSS来做到这一点。 style={left: this.state.xValue, top: this.state.yValue}

display:inline

＆＃13;

＆＃13;

 display: flex

＆＃13;

div{
display:flex;
}

＆＃13;

＆＃13;

＆＃13;

或使用 <div className='row'> <div>row1</div><div>row2</div><div>row3</div> </div>

＆＃13;

＆＃13;

display:inline

＆＃13;

div{
display:inline
}

＆＃13;

＆＃13;

＆＃13;

Answer 2

与React无关，但CSS：

--

在CSS中执行此操作的一种方法：

 <div className='rows'>
     <div className='row'>row1</div>
     <div className='row'>row2</div>
     <div className='row'>row3</div>
 </div>