CSS 1KB网格 - 灵活且最小化

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS 1KB网格 - 灵活且最小化相关的知识,希望对你有一定的参考价值。

/* 12 cols 
<div class="row">
	<div class="g4"></div>
	<div class="g4"></div>
	<div class="g4"></div>
</div>
*/
.g1{width:6.25%}.g2{width:14.583%}.g3{width:22.917%}.g4{width:31.25%}.g5{width:41.667%}.g6{width:47.917%}.g7{width:56.25%}.g8{width:64.583%}.g9{width:72.917%}.g10{width:81.25%}.g11{width:89.583%}.g12{width:97.917%}

.g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g10,.g11,.g12 {margin:0 1.04%;overflow:hidden;float:left;}
.row {min-width:960px;width:97.875%;margin:0 1.064%;overflow:hidden;}

以上是关于CSS 1KB网格 - 灵活且最小化的主要内容,如果未能解决你的问题,请参考以下文章

CSS 1KB网格 - 12列,960px

css bakery.html的代码,灵活的网格布局。

1KB网格-12列,960px

动态灵活的网格布局

【PyQt】网格布局 QGridLayout

网格布局