为什么不能证明内容:空间 - 工作之间?

时间:2016-10-31 04:34:34

标签: html css flexbox

我希望Text1Text2Text3Text4Text5Text6Text7位于顶部,并将文字放在justifyContent: 'space-between'

所以我尝试了,但文本都放在了。

<div style={{display: 'flex-item', flex: 1, margin: 0, padding: 0}}>
    <div style={{float: 'left', flex: 1, display: 'flex-item'}}>
      <div>Place me below ul</div>
    </div>
</div>

为什么justifyContent: 'space-between'不起作用?我能做错什么?

1 个答案:

答案 0 :(得分:0)

为了使空间间隔工作,你需要确保父元素有display:flex;并包括所有供应商前缀。