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>
評論
圖片
表情