html 设置元素向左浮动

设置向左浮动的子元素的父元素的 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>
posted @ 2022-11-04 20:47  Lucky小黄人^_^  阅读(195)  评论(0)    收藏  举报