停止弹性儿童包装

Question

我有一个弹性容器，其中的孩子正在包装，我希望它们都保持100％的宽度 - 我将如何做到这一点？

＆＃13;

＆＃13;

.flexbox {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100vh;
}

.container {
  display: flex;
  flex-shrink: 0;
  display: block;
}

＆＃13;

<div class="flexbox">
  <div class="container">sadasd</div>
  <div class="container">adasdsad</div>
</div>

＆＃13;

＆＃13;

＆＃13;

https://jsfiddle.net/shx2yheg/

Answer 1

您可以通过在此类

上设置Flexbox上的flex-flow属性来实现

.flexbox {
    display: flex;
    align-items: center;
    flex-flow: column;
    width:100%;
    height:100vh;
}

.container {
    display: flex;
}