如何实现flexbox元素的内联流

Question

我有一些inline-block元素也需要flex，因为我希望他们的孩子能够以某种方式行事。有办法吗？请不要建议浮动。

编辑：here's a fiddle 老实说，我只想说明一点。我知道它不起作用。当我的目标不是改变自己的行为时，为什么我必须篡改元素显示属性？只有其中一个原因仍然很糟糕。

Answer 1

这是你想要达到的目标吗？

var err = data.error;

.container{
    width: 500px;
    height: 500px;
    border: dashed 5px red;
    white-space: nowrap;
    display:flex;
    flex-wrap:wrap;
    
}
p{
    white-space: normal;
    flex: 1 1 100%;
}
.child{
    width: 190px;
    height: 100px;
    border: dashed 5px blue;
    flex:1 1 20%;
    display: flex; /* do not change this! */
    /* display: inline-block; */
}