在jsp页面设计中，div元素的使用非常广泛。它不仅可以帮助我们更好地组织页面布局，还可以实现各种样式效果。而其中，div元素在页面中的居中显示是许多开发者关注的重点。本文将针对jsp页面中div元素的居中显示进行详细讲解，并提供一些实用的实例和技巧，希望能对您的开发工作有所帮助。
一、div居中显示的原理
div元素在页面中的居中显示主要分为两种情况：水平居中和垂直居中。
1. 水平居中
水平居中主要通过设置div元素的左右边距（margin）为auto来实现。具体来说，可以将div元素的宽度设置为100%，然后设置左右边距为auto，这样div元素就会在父容器中水平居中显示。
2. 垂直居中
垂直居中可以通过以下几种方法实现：
（1）设置div元素的上下边距为auto，并使用display:table-cell和vertical-align:middle属性。
（2）设置div元素的上下边距为50%，然后使用transform:translateY(-50%)属性实现垂直居中。
（3）使用flex布局，将父容器设置为display: flex，然后设置align-items: center和justify-content: center属性实现垂直居中。
二、jsp页面中div居中显示实例
以下是一个简单的jsp页面中div居中显示的实例：
```jsp
