在Web开发中,div元素是布局中不可或缺的元素之一。如何让div元素在页面中垂直居中显示,是一个常见且实用的需求。本文将详细介绍JSP中实现div元素垂直居中的几种方法,并通过实例代码展示具体实现过程。
1. 使用CSS实现div垂直居中
1.1 使用flex布局
flex布局是一种非常方便的布局方式,可以轻松实现div元素的垂直居中。以下是一个使用flex布局实现div垂直居中的实例:

```html
.container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.div1 {
width: 100px;
height: 100px;
background-color: red;
}







