在HTML与CSS的世界里，div居中是一个永恒的话题。它不仅是页面布局的基础，更是提升用户体验的关键。本文将深入解析div居中的原理、方法与技巧，帮助读者掌握布局之美，领略技术之魂。

一、div居中的原理

1. 垂直居中

垂直居中是指将元素在垂直方向上放置在容器中央。实现垂直居中的方法有以下几种：

（1）使用flex布局

flex布局是一种非常强大的布局方式，可以实现各种复杂的布局需求。以下是使用flex布局实现垂直居中的示例代码：

```html