小编Edi*_*tko的帖子

我使用 flex 进行布局，但浏览器不会在项目之间均匀分布宽度。

.parent {
  display: flex;
  width: 200px;
}

.btn1 {
  flex: 1 1 auto;
}

<div class="parent">
  <div class="btn1">
    <button align="left" style="width:100%">Ok</button>
  </div>
  <button align="left" class="btn1">Cancel</button>
  <div>

现在，我希望按钮将容器长度分割为 50% / 50%。

但事实并非如此。我尝试使用flex: 1 1 autoandflex: 1 1 0但没有成功。

我知道我可以直接使用“确定”按钮，它将解决我的问题，但在我的特定场景中，用 div 包裹它很重要。

现在，据我了解，flex 应该能够均匀地分布宽度，这就是我的目标。

但另一件事是，我注意到按钮内容似乎对宽度有影响，我想以某种方式忽略这种影响。

谢谢！

JSFiddle 示例： https: //jsfiddle.net/edismutko/cvytLkyp/3/