From 65b878955e5175f26b9c6658c2f0bb3e255841d0 Mon Sep 17 00:00:00 2001
From: qianguyihao <qianguyihao@gmail.com>
Date: Wed, 21 Aug 2019 21:09:21 +0800
Subject: [PATCH] Add:flex

---
 07-HTML5和CSS3/06-CSS3属性详解：flex布局.md | 31 ++++++++++++++++-----
 12-Vue基础/06-Vue组件之间的传值.md          |  2 +-
 2 files changed, 25 insertions(+), 8 deletions(-)

diff --git a/07-HTML5和CSS3/06-CSS3属性详解：flex布局.md b/07-HTML5和CSS3/06-CSS3属性详解：flex布局.md
index fc39355..bbb5144 100644
--- a/07-HTML5和CSS3/06-CSS3属性详解：flex布局.md
+++ b/07-HTML5和CSS3/06-CSS3属性详解：flex布局.md
@@ -1,9 +1,6 @@
 
-
-
 ## 多列布局
 
-
 类似报纸或杂志中的排版方式，上要用以控制大篇幅文本。用得不多。
 
 格式举例：
@@ -581,10 +578,30 @@ PS：主轴和侧轴并不是固定不变的，通过flex-direction可以互换
 </html>
 ```
 
-
-
-
-
+## CSS Flexbox 可视化手册
+
+1
+
+![](http://img.smyhvae.com/20190821_2100.png)
+
+2
+
+ff
+![](http://img.smyhvae.com/20190821_2101.png)
+
+相关文章：
+
+- 【英文原版】 CSS Flexbox Fundamentals Visual Guide：<https://medium.com/swlh/css-flexbox-fundamentals-visual-guide-1c467f480dac>
+
+- 【中文翻译】CSS Flexbox 可视化手册：<https://zhuanlan.zhihu.com/p/56046851>
+
+##  推荐文章
+
+- flex 效果在线演示：<https://demos.scotch.io/visual-guide-to-css3-flexbox-flexbox-playground/demos/>
+
+- A Complete Guide to Flexbox | 英文原版：<https://css-tricks.com/snippets/css/a-guide-to-flexbox/>
+
+- CSS3 Flexbox 布局完全指南 | 中文翻译：<https://www.html.cn/archives/8629>
 
 
 
diff --git a/12-Vue基础/06-Vue组件之间的传值.md b/12-Vue基础/06-Vue组件之间的传值.md
index 60c4a5c..93e48f0 100644
--- a/12-Vue基础/06-Vue组件之间的传值.md
+++ b/12-Vue基础/06-Vue组件之间的传值.md
@@ -570,7 +570,7 @@ console.log(this.$refs.myTitle.innerText)
 ![](http://img.smyhvae.com/20180701_1640.png)
 
 
-### 使用 ref 属性获取整个子组件
+### 使用 ref 属性获取整个子组件（父组件调用子组件的方法）
 
 根据上面的例子，我们可以得出**规律**：只要`ref`属性加在了DOM元素身上，我们就可以获取这个DOM元素。