保证一行如果超出了，也不会移到下一行
.row:before,
.row:after {
content: "";
display: table;
clear: both;
}
把边框和内边距放入框中【这个居然卡了很久】
box-sizing: border-box;
计算宽度减去边距
.col-4 {
width: calc(33.333% - 20px);
}
通配符样式
/* 包含col-的所有class*/
[class*="col-"] {
float: left;
min-height: 1px;
margin: 10px;
height: 50px;
line-height: 50px;
text-align: center;
border: 1px solid #999;
box-sizing: border-box;
background-color: #eee;
}
/* 以col-开头的class */
[class^="col"] {
}
/* 以col-结尾的class */
[class$="col-"] {
}
网友评论