Solved by Flexbox

一组示例用于展示曾经难于或无法单独用 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

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

翻译

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

• Chinese
• Japanese
• Korean

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