在JSP页面开发中，页面布局的美观性对于提升用户体验至关重要。而上下对齐作为页面布局中的重要元素，往往能起到画龙点睛的作用。本文将为大家带来JSP上下对齐方式的实例教程，帮助大家轻松实现页面布局的美感。

一、JSP上下对齐方式概述

在JSP页面中，实现上下对齐的方式主要有以下几种：

1. 使用CSS样式：通过CSS样式中的`margin`、`padding`等属性实现上下对齐。

2. 使用HTML标签：通过HTML标签的`align`属性实现上下对齐。

3. 使用JavaScript：通过JavaScript动态调整元素位置实现上下对齐。

本文将重点介绍使用CSS样式实现上下对齐的方法。

二、实例教程

1. 准备工作

我们需要创建一个简单的JSP页面，页面中包含一个用于展示上下对齐效果的容器。

```html

<%@ page contentType="