在Web开发中，Div布局是一种常用的布局方式，它可以帮助我们更好地组织网页内容，使页面结构更加清晰。而居中布局则是Div布局中一个非常重要的技巧，它可以使页面内容在水平或垂直方向上居中显示。本文将详细介绍JSP Div布局设置中的居中实例，帮助大家更好地掌握这一技巧。
一、JSP Div布局基础
1. Div标签
Div标签是HTML中的一个块级元素，它没有具体的语义，主要用于对页面中的内容进行布局。在JSP中，我们可以使用Div标签来创建一个布局容器。
2. CSS样式
CSS（Cascading Style Sheets）是一种用于描述HTML文档样式的样式表语言。在JSP Div布局中，我们通常使用CSS来设置Div标签的样式，如宽度、高度、边框、背景等。
二、居中布局的原理
1. 水平居中
水平居中是指将页面内容在水平方向上居中显示。在JSP Div布局中，我们可以通过以下方法实现水平居中：
（1）使用margin属性：将Div标签的左右margin设置为auto，即可实现水平居中。
（2）使用flex布局：使用flex布局的justify-content属性，将Div标签水平居中。
2. 垂直居中
垂直居中是指将页面内容在垂直方向上居中显示。在JSP Div布局中，我们可以通过以下方法实现垂直居中：
（1）使用margin属性：将Div标签的上下margin设置为auto，即可实现垂直居中。
（2）使用flex布局：使用flex布局的align-items属性，将Div标签垂直居中。
三、居中实例详解
1. 水平居中实例
以下是一个简单的水平居中实例：
```html
