一组示例用于展示曾经难于或无法单独用 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 提供你的翻译内容的链接.