Add:flex
This commit is contained in:
parent
7d88b61449
commit
65b878955e
@ -1,9 +1,6 @@
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
## 多列布局
|
## 多列布局
|
||||||
|
|
||||||
|
|
||||||
类似报纸或杂志中的排版方式,上要用以控制大篇幅文本。用得不多。
|
类似报纸或杂志中的排版方式,上要用以控制大篇幅文本。用得不多。
|
||||||
|
|
||||||
格式举例:
|
格式举例:
|
||||||
@ -581,10 +578,30 @@ PS:主轴和侧轴并不是固定不变的,通过flex-direction可以互换
|
|||||||
</html>
|
</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>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
@ -570,7 +570,7 @@ console.log(this.$refs.myTitle.innerText)
|
|||||||
![](http://img.smyhvae.com/20180701_1640.png)
|
![](http://img.smyhvae.com/20180701_1640.png)
|
||||||
|
|
||||||
|
|
||||||
### 使用 ref 属性获取整个子组件
|
### 使用 ref 属性获取整个子组件(父组件调用子组件的方法)
|
||||||
|
|
||||||
根据上面的例子,我们可以得出**规律**:只要`ref`属性加在了DOM元素身上,我们就可以获取这个DOM元素。
|
根据上面的例子,我们可以得出**规律**:只要`ref`属性加在了DOM元素身上,我们就可以获取这个DOM元素。
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user