设置向左浮动的子元素的父元素的 display 属性为 'flex'。下面是 ant deisgn 里的样式写法,普通的 HTML 按照最普通的写法给相同属性赋值即可。
<div style={{ display: 'flex' }}> <div style={{ width: '85px' }}>第一个子元素:</div> <div style={{ width: '85px' }}>第二个子元素:</div> </div>
我是设置这个就解决了,如果还不行,或许需要设置父元素的宽度和每个子元素的宽度,然后把需要左浮的子元素的 float 属性设置成 left
, display 设置成 inline
<div style={{ display: 'flex', display: 'flex' }}> <div style={{ width: '85px' }}>第一个子元素:</div> <div style={{ width: '85px', float: 'left', display: 'inline' }} >第二个子元素:</div> </div>