页面元素居中 - 前端开发

在前端开发中，页面元素的水平和垂直居中是常见的需求。无论是在设计响应式网页还是构建用户界面，正确地居中元素可以提升页面的可读性和用户体验。本文将介绍几种常见的方法来实现页面元素的水平和垂直居中，并提供相应的源代码示例。

1. 使用 Flexbox 实现元素居中

Flexbox 是一种强大的 CSS 布局模型，可轻松实现元素的居中对齐。下面是一个示例，展示如何使用 Flexbox 实现水平和垂直居中的效果。

<div class="container">
  <div class<