This commit is contained in:
qianguyihao 2019-08-21 21:09:21 +08:00
parent 7d88b61449
commit 65b878955e
2 changed files with 25 additions and 8 deletions

View File

@ -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>

View File

@ -570,7 +570,7 @@ console.log(this.$refs.myTitle.innerText)
![](http://img.smyhvae.com/20180701_1640.png)
### 使用 ref 属性获取整个子组件
### 使用 ref 属性获取整个子组件(父组件调用子组件的方法)
根据上面的例子,我们可以得出**规律**:只要`ref`属性加在了DOM元素身上我们就可以获取这个DOM元素。