CSS Layout

使用 CSS 制作的流行布局和模式的集合：

• 🎉零依赖
• 🎉没有框架
• 🎉没有 CSS hack
• 🎉真实用例
• 良好做法（即将推出）
• 辅助功能支持（即将推出）

为什么

作为一名前端工程师，我必须处理很多布局和组件。有很多 CSS 框架提供流行的布局/组件，但我通常不想将它们都包含在我的项目中。

所以我收集了最流行的可以用纯 CSS 构建的布局和组件。它们由现代 CSS 功能提供支持，例如 flexbox 和 grid。

它们是很好的起点，可以根据每个特定需求轻松选择和定制。通过组合它们，您可以拥有现实生活中存在的任何可能的布局。

在本地运行它

• 克隆项目：

$ git clone https://github.com/1milligram/csslayout

• 安装依赖项：

$ cd csslayout
$ npm install

• 在本地运行它：

$ npm run dev

访问http://localhost:3000以查看它的运行情况。

贡献

欢迎 PR。如果您认为缺少任何有用的布局或模式，请创建问题或提交 PR。

请务必注意，您应该运行以下命令来 lint 代码：

$ npm run lint

如果有任何问题，它将记录在 tslint.log文件中。

关于

该项目由Nguyen Huu Phuoc开发。我喜欢构建产品和分享知识。

成为我的朋友

• 推特
• 开发者
• Github