From 1cea6516794713fcf0658286c3b2e3911e62eb7e Mon Sep 17 00:00:00 2001 From: qianguyihao Date: Fri, 8 Nov 2019 21:21:32 +0800 Subject: [PATCH] =?UTF-8?q?update:=20=E5=A6=82=E4=BD=95=E8=AE=A9=E4=B8=80?= =?UTF-8?q?=E4=B8=AA=E5=85=83=E7=B4=A0=E6=B0=B4=E5=B9=B3=E5=9E=82=E7=9B=B4?= =?UTF-8?q?=E5=B1=85=E4=B8=AD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 03-CSS进阶/04-如何让一个元素水平垂直居中?.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) 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)