我想在我的flexbox布局包中制作文本.
代码: https ://jsfiddle.net/u2oswnth/2/
.child {
border: solid 1px;
display: flex;
}
.left {
width: 100px;
}
.container {
display: flex;
flex-wrap: wrap;
}
Left!
I'm riiiight!!! I'm riiiight!!! I'm riiiight!!! I'm riiiight!!! I'm riiiight!!!
我拥有:当超过帧宽时,.right div下降到下一行.
我想要的:当超过帧宽时,.right div开始包装中的单词,两列并排,形成单行.
更改flex-wrap: wrap;到flex-wrap: nowrap;.通过使用flex-wrap: wrap;你告诉你.right div如果空间不足就换行.因为你只想让文本本身包装,你需要使用它flex-wrap: nowrap;来保持.right同一条线.当空间不足时,文本将自动换行.
更改flex-wrap: wrap;到flex-wrap: nowrap;上.container
.child {
border: solid 1px;
display: flex;
}
.left {
width: 100px;
}
.container {
display: flex;
flex-wrap: nowrap;
}
Left!
I'm riiiight!!! I'm riiiight!!! I'm riiiight!!! I'm riiiight!!! I'm riiiight!!!
京公网安备 11010802040832号 | 京ICP备19059560号-6 