yigeziCSS 布局库
yigezi (易格子) 是一个纯粹的 CSS 布局库,用于水平方向的 1 - 12 任意等份布局。
文档
仓库
github 仓库地址 https://github.com/chenbimo/yigezi
gitee 仓库地址 https://gitee.com/chenbimo/yigezi
演示
写法
<!-- 任意等份栅格布局库(易格子) --> <div class="col sm-1-1 mb-1-2 pad-1-4 pc-1-5 lg-1-6"> <div class="col-wrapper">1-3</div> </div> <div class="col sm-1-1 mb-1-2 pad-1-4 pc-1-5 lg-1-6"> <div class="col-wrapper">1-3</div> </div> <div class="col sm-1-1 mb-1-1 pad-1-4 pc-1-5 lg-1-6"> <div class="col-wrapper">1-3</div> </div> <div class="col sm-1-1 mb-1-2 pad-1-4 pc-1-5 lg-1-6"> <div class="col-wrapper">2-5</div> </div> <div class="col sm-1-1 mb-1-2 pad-1-4 pc-1-5 lg-1-6"> <div class="col-wrapper">1-5</div> </div> <div class="col sm-1-1 mb-1-2 pad-1-4 pc-1-5 lg-1-6"> <div class="col-wrapper">2-5</div> </div> <div class="col sm-1-1 mb-1-2 pad-1-4 pc-1-5 lg-1-6"> <div class="col-wrapper">2-7</div> </div> <div class="col sm-1-1 mb-1-2 pad-1-4 pc-1-5 lg-1-6"> <div class="col-wrapper">2-7</div> </div> <div class="col sm-1-1 mb-1-2 pad-1-4 pc-1-5 lg-1-6"> <div class="col-wrapper">4-9</div> </div> <div class="col sm-1-1 mb-1-2 pad-1-4 pc-1-5 lg-1-6"> <div class="col-wrapper">2-9</div> </div> <div class="col sm-1-1 mb-1-2 pad-1-4 pc-1-5 lg-1-6"> <div class="col-wrapper">1-9</div> </div> <div class="col sm-1-1 mb-1-2 pad-1-4 pc-1-5 lg-1-6"> <div class="col-wrapper">2-10</div> </div>
评论
PackeryJavaScript 布局库
Packery是一个JavaScript布局的一个装箱算法库。Packery布局可以智能排序。元素可以拖动到适合一个理想的地点。Packery很容易创建不同类型的动态网格布局。Packery非商业,个
PackeryJavaScript 布局库
0
SDAutoLayoutiOS 自动布局库
SDAutoLayout(一行代码搞定自动布局!) github地址https://github.com/gsdios/SDAutoLayout SDAutoLayout使用者开发的部分app截图ht
SDAutoLayoutiOS 自动布局库
0