导言：

网页布局是前端入门时必学、必须熟练掌握的关键技能。入门的标志之一是能够迅速分析网站结构并构建模型。在学习初期，前端初学者可能会使用一些传统的盒模型布局方式（display + position + float）。然而，随着学习的深入，许多开发者发现传统布局方式在编写样式时相对繁琐、不够便捷，尤其是在处理垂直居中时。

📔1. 简洁垂直居中实践

垂直居中一直是前端开发中的一项常见挑战。以往的解决方案涉及负外边距、display: table-cell等复杂技巧，有时候甚至需要使用全高的伪元素。然而，随着Flex布局的普及，这一问题变得轻而易举。使用Flex布局，垂直居中只需两行代码。