webcourse/Webcourse
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update: 如何让一个元素水平垂直居中

Browse Source
This commit is contained in:
qianguyihao 2019-11-08 21:21:32 +08:00
parent 7221ac3588
commit 1cea651679
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
03-CSS进阶/04-如何让一个元素水平垂直居中？.md
View File

@ -3,10 +3,12 @@
如何让一个子元素在父容器里**水平垂直居中**？这个问题必考，在实战开发中，也应用得非常多。 如何让一个子元素在父容器里**水平垂直居中**？这个问题必考，在实战开发中，也应用得非常多。
你也许能顺手写出好几种实现方法。但大部分人的写法不够规范，经不起千锤百炼。 你也许能顺手写出好几种实现方法。但大部分人的写法不够规范，经不起千锤百炼。换句话说：这些人也就面试的时候夸夸其谈，但真的上战场的时候，他们不敢这么写，也不知道怎么写最靠谱。
这篇文章中，我们来列出几种常见的写法，最终你会明白，哪种写法是最优雅的。 这篇文章中，我们来列出几种常见的写法，最终你会明白，哪种写法是最优雅的。
当然，我还会拿出实际应用中的真实场景来举例，让你感受一下**标准垂直居中的魅力**。
## 如何让一个行内元素（文字、图片等）水平垂直居中 ## 如何让一个行内元素（文字、图片等）水平垂直居中
@ -347,14 +349,12 @@
![](http://img.smyhvae.com/20191010_1510.png) ![](http://img.smyhvae.com/20191010_1510.png)
**补充**： **补充**：
1、如果你的页面中，有很多弹窗，建议将弹窗封装成一个抽象组件。 1、如果你的页面中，有很多弹窗，建议将弹窗封装成一个抽象组件。
2、任何弹窗，都需要解决“滚动穿透”的问题，本文篇幅有限，请自行查阅。 2、任何弹窗，都需要解决“滚动穿透”的问题，本文篇幅有限，请自行查阅。
## 参考链接 ## 参考链接
- [七种方式实现垂直居中](https://jscode.me/t/topic/1936) - [七种方式实现垂直居中](https://jscode.me/t/topic/1936)