/solved-by-flexbox

Chinese translation of Solved by Flexbox

Primary LanguageCSSMIT LicenseMIT

Solved by Flexbox

Build Status

一组示例用于展示曾经难于或无法单独用 CSS 解决的问题, 现在使用 Flexbox 让问题迎刃而解.

点击查看

在本地查看示例

Solved by Flexbox 页面使用 Node.js 构建. 如果你已经安装 Node.js, 你可以运行下列命令来构建一份本地的拷贝.

# 克隆这个 git 仓库并使用 cd 命令进入克隆的目录.
git clone https://github.com/magic-akari/solved-by-flexbox
cd solved-by-flexbox

# 安装依赖
npm install

# 运行, 可以访问 http://localhost:4000 查看
npm start

这个命令会启动一个端口号为 4000 的本地服务. 在浏览器访问 http://localhost:4000 即可查看页面. 如果你想使用不同的端口, 可以在 npm start 命令后传入参数:

npm start -- -p 8080

此外, 本地启动的服务会监听文件修改, 并自动重新按需构建. 这允许你测试代码, 在浏览器刷新, 并立即查看结果.

翻译

下面的翻译由热心的社区提供:

请注意, 翻译并非官方提供, 可能随着时间推移而过时. 你可以在 Github 上发送一个 pull request 或者 开一个 issue 提供你的翻译内容的链接.