我试着让行中的最后一个div在被换到下一行之前,先在自己内部换行。
<div class="flexcontainer">
<div class="col1">this is text</div>
<div class="col2">this is text</div>
<div class="col3">
<div class="contents m1">This is some other text</div>
<div class="contents m2">This is some other text</div>
<div class="contents m3">This is some other text</div>
</div>
</div>
.flexcontainer{
display:flex;
flex-direction:row;
flex-wrap:wrap;
}
.col3{
display:flex;
flex-direction:row;
flex-wrap:wrap;
}
.contents{
display:inline-block;
}
这是我正在处理的代码。 jsfiddle 示例
这是我发布的简化后的代码。 simplified code
我不确定之前做了什么。我曾经能够创建一个三列弹性容器,其中最后一个子元素在其容器换行之前会自动换行,但我似乎找不到以前如何实现它的解决方案。