CSSCSSColums

篇首语：本文由编程笔记#小编为大家整理，主要介绍了CSS CSS Colums相关的知识，希望对你有一定的参考价值。

.row {
}
/* Begin Clear fix hack */
.row:after {
content: ".";
visibility: hidden;
display: block;
clear: both;
height: 0;
font-size: 0;
}
/* End Clear fix hack */
.row .col {
float: left;
padding-right: 20px;

/* border-box */
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.row .col:last-child {
padding-right: 0;
}
/* column widths */
.row .w20 { width: 20%; }
.row .w25 { width: 25%; }
.row .w33 { width: 33%; }
.row .w34 { width: 34%; }
.row .w50 { width: 50%; }
.row .w66 { width: 66%; }
.row .w67 { width: 67%; }