html - 为什么不 justifyContent : space-between work?

Question

我想将 Text1Text2Text3Text4Text5Text6Text7 放在顶部，并使用 justifyContent: 'space-between' 放置文本。

所以我尝试了，但文本都放在了 to 上。

<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' 不起作用？我做错了什么？

Answer 1

为了让 space-between 起作用，你需要确保父元素有 display:flex;并包括所有供应商前缀。