Java 如何在jsp中将div垂直对齐到中心

我第一次开发一个网站。我使用了两个div标签。一个是宽度和高度设置为100%的外部容器。另一个在容器内。我想将其设置为垂直中心。类似于此网站：。 但它不起作用。我厌倦了这样的事情：

index.jsp

<div class="container">
            <div class="banner">
                <a class="logo" href="index.jsp">
                    <img src="images/logo.png" alt="Rainbow Entertainment" width="250px" height="50px"/></a>
                <div id="login">
                    <table style="background-color: purple">
                        <tr><td>Username : <input type="text"></td>
                            <td>Password : <input type="password"></td>
                            <td><a href="login.jsp">Sign in</a><input type="submit"></td></tr>
                    </table>
                </div>
            </div>
          </div>
         </body>
        </html>

---

此外，我还想了解id和类之间的区别。

今天早些时候，我正在寻找一个类似的解决方案-检查这个问题的答案。听起来这里提供的代码会满足您的需要

<div class="outer">
<div class="middle">
<div class="inner">

<h1>The Content</h1>

<p>Once upon a midnight dreary...</p>

</div>
</div>
</div>

<div class="outer">
<div class="middle">
<div class="inner">

<h1>The Content</h1>

<p>Once upon a midnight dreary...</p>

</div>
</div>
</div>

.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto; 
    width: /*whatever width you want*/;
}