Add:flex
This commit is contained in:
parent
7d88b61449
commit
65b878955e
@ -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>
|
||||
|
||||
|
||||
|
||||
|
@ -570,7 +570,7 @@ console.log(this.$refs.myTitle.innerText)
|
||||
![](http://img.smyhvae.com/20180701_1640.png)
|
||||
|
||||
|
||||
### 使用 ref 属性获取整个子组件
|
||||
### 使用 ref 属性获取整个子组件(父组件调用子组件的方法)
|
||||
|
||||
根据上面的例子,我们可以得出**规律**:只要`ref`属性加在了DOM元素身上,我们就可以获取这个DOM元素。
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user