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