# solved-by-flexbox

**Repository Path**: lh00/solved-by-flexbox

## Basic Information

- **Project Name**: solved-by-flexbox
- **Description**: Chinese translation of Solved by Flexbox
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: zh
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-07-19
- **Last Updated**: 2022-05-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# [Solved by Flexbox](https://magic-akari.github.io/solved-by-flexbox/) 
[![Build Status](https://travis-ci.org/magic-akari/solved-by-flexbox.svg?branch=zh)](https://travis-ci.org/magic-akari/solved-by-flexbox)

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

[点击查看](https://magic-akari.github.io/solved-by-flexbox/)

## 在本地查看示例

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

```sh
# 克隆这个 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](http://localhost:4000) 即可查看页面. 如果你想使用不同的端口, 可以在 `npm start` 命令后传入参数:

```sh
npm start -- -p 8080
```

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

## 翻译

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

* [Chinese](https://magic-akari.github.io/solved-by-flexbox/)
* [Japanese](http://hashrock.github.io/solved-by-flexbox-ja/)
* [Korean](https://hyunseob.github.io/solved-by-flexbox-kr/)

请注意, 翻译并非官方提供, 可能随着时间推移而过时. 你可以在 Github 上发送一个 [pull request](https://github.com/philipwalton/solved-by-flexbox/pull/new/master) 或者 [开一个 issue](https://github.com/philipwalton/solved-by-flexbox/issues/new) 提供你的翻译内容的链接.