在网页设计中，居中显示是一种常见的布局方式，它可以让网页内容更加美观、易读。在JSP（JavaServer Pages）中，实现居中显示同样重要。本文将为您详细介绍JSP中居中显示的实例，帮助您轻松掌握网页元素完美布局的秘诀。
一、JSP中居中显示的原理
在JSP中，实现居中显示主要依靠CSS（层叠样式表）来完成。CSS提供了一系列的属性和选择器，可以帮助我们实现元素的水平和垂直居中。
1. 水平居中
水平居中可以通过以下几种方式实现：
（1）使用text-align属性：将父元素的text-align属性设置为center，可以使子元素在父元素中水平居中。
（2）使用flex布局：将父元素设置为flex布局，并通过justify-content属性实现子元素的水平居中。
（3）使用margin属性：通过设置子元素的margin-left和margin-right属性为auto，可以使子元素在父元素中水平居中。
2. 垂直居中
垂直居中可以通过以下几种方式实现：
（1）使用line-height属性：将父元素的line-height属性设置为与高度相同，可以使子元素在父元素中垂直居中。
（2）使用flex布局：将父元素设置为flex布局，并通过align-items属性实现子元素的垂直居中。
（3）使用margin属性：通过设置子元素的margin-top和margin-bottom属性为auto，可以使子元素在父元素中垂直居中。
二、JSP中居中显示实例
以下是一些JSP中居中显示的实例，帮助您更好地理解居中显示的实现方法。
1. 使用text-align属性实现水平居中
```html
