将表单区域平均划分为四列,并且列与列之间留出固定的间隔。一般情况下,一个选项占据一列,当选项长度超过一列时,根据长度占据多列。如果选项本身超过一行,则折行进行展示,并且该选项的下N行,不放置其他选项
可以使用flex布局,每一列占25%的最小宽度
.box {
display: flex;
flex-direction: row;
flex-wrap: wrap;
.box-item {
min-width: 25%;
}
}
###grid布局也可以
作者:admin 2021-08-21 我要评论
将表单区域平均划分为四列,并且列与列之间留出固定的间隔。一般情况下,一个选项占据一列,当选项长度超过一列时,根据长度占据多列。如果选项本身超过一行,则...
将表单区域平均划分为四列,并且列与列之间留出固定的间隔。一般情况下,一个选项占据一列,当选项长度超过一列时,根据长度占据多列。如果选项本身超过一行,则折行进行展示,并且该选项的下N行,不放置其他选项
可以使用flex布局,每一列占25%的最小宽度
.box {
display: flex;
flex-direction: row;
flex-wrap: wrap;
.box-item {
min-width: 25%;
}
}
###grid布局也可以
版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除