1. css代码
.flexColumn(@co服务器托管网lumns, @gutterSize) {
display: flex;
flex-flow: row wrap;
margin: calc(@gutterSize / -2);
> div {
flex: 0 0 calc(100% / @columns);
padding: calc(@gutterSize / 2);
box-sizing: border-box;
}
}
2.用法
.grid-show-item3 {
width: 100%;
display: flex;
flex-flow: row wrap;
margin: calc(8px / -2);
.flexColumn(3, 14px);
}
.grid-show-ite服务器托管网m2 {
width: 100%;
display: flex;
flex-flow: row wrap;
margin: calc(8px / -2);
.flexColumn(2, 14px);
}
.grid-show-item4 {
width: 100%;
display: flex;
flex-flow: row wrap;
margin: calc(8px / -2);
.flexColumn(4, 14px);
}
3. 效果
服务器托管,北京服务器托管,服务器租用 http://www.fwqtg.net
相关推荐: C++面试八股文:override和finial关键字有什么作用?
某日二师兄参加XXX科技公司的C++工程师开发岗位第22面: (二师兄好苦逼,节假日还在面试。。。) 面试官:C++的继承了解吗? 二师兄:(不好意思,你面到我的强项了。。)了解一些。 面试官:什么是虚函数,为什么需要虚函数? 二师兄:虚函数允许在基类中定义一…