css 弹性盒子中设置只有一列
时间: 2023-04-05 14:05:18 浏览: 106
css设置多列等高布局的方法示例
可以使用flex-direction属性将弹性盒子的方向设置为列,然后使用flex-wrap属性将弹性盒子的换行设置为不换行,这样就可以实现只有一列的效果。具体代码如下:
.container {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
}
其中,.container为弹性盒子的容器,flex-direction属性设置为column表示弹性盒子的方向为列,flex-wrap属性设置为nowrap表示弹性盒子不换行。
阅读全文