在CSS布局中，垂直水平居中是一个非常常见的需求，但也是让很多开发者头疼的问题。本文将介绍七种常用的CSS垂直水平居中方法，帮助您在不同场景下选择最合适的解决方案。

1. Flexbox布局（推荐）

Flexbox是最现代且强大的居中方法，兼容性良好，使用简单。

<div class="container">
  <div class="item">居中元素</div>
</div>