# yigezi

**Repository Path**: chenbimo/yigezi

## Basic Information

- **Project Name**: yigezi
- **Description**: 易格子-CSS栅格+响应式框架
- **Primary Language**: NodeJS
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2020-03-22
- **Last Updated**: 2022-09-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## yigezi (易格子)

> 一个纯粹的 CSS 布局库

## 文档

[yigezi 官方文档](https://chensuiyi.com/markdown/%E5%BC%80%E6%BA%90%E9%A1%B9%E7%9B%AE/yigezi/1-%E5%9F%BA%E6%9C%AC%E7%AE%80%E4%BB%8B.html)

## 仓库

> github 仓库地址 [https://github.com/chenbimo/yigezi](https://github.com/chenbimo/yigezi)

> gitee 仓库地址 [https://gitee.com/chenbimo/yigezi](https://gitee.com/chenbimo/yigezi)

## 演示

[演示 demo](https://chenbimo.gitee.io/yigezi)

## 特点

1 - 12 任意等份布局

## 写法

```html
<!-- 任意等份栅格布局库（易格子） -->
<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>
```

## 社区交流

项目相关讨论交流，请添加作者微信 `c91374286` 入群。