---
# System prepended metadata

title: 創建工具 - FLEX 工具
tags: [' css', Tools, ' grid', ' flex']

---

---
tags: Tools, css, grid, flex
---
# 創建工具 - FLEX 工具
###### tags: `tools` `css` `grid` `flex`
## FLEX 工具
**創建一個基本的 flex 佈局**
- http://flexible-boxes.wstone.io/
![](https://i.imgur.com/zP3O8eN.jpg)

- https://www.flexo.icu/
![](https://i.imgur.com/hWkkIvO.jpg)

- https://loading.io/flexbox/
![](https://i.imgur.com/MiilMGr.jpg)

- https://demos.scotch.io/visual-guide-to-css3-flexbox-flexbox-playground/demos/
![](https://i.imgur.com/BEziO1w.jpg)

- http://www.csstutorial.org/flex-both.html
![](https://i.imgur.com/UjazyRB.jpg)

- https://flexbox.buildwithreact.com/
![](https://i.imgur.com/KJvsrO1.jpg)

- https://bennettfeely.com/flexplorer/
![](https://i.imgur.com/Me9FXN6.jpg)

- https://the-echoplex.net/flexyboxes/
![](https://i.imgur.com/GG6AwCP.jpg)

- https://flexbox.tech/
![](https://i.imgur.com/4Ibsu9I.jpg)