javaweb_フォームの中央揃え
8441 ワード
Created by IntelliJ IDEA.
User: Administrator
Date: 2017/12/13/013
Time: 9:09
To change this template use File | Settings | File Templates.
--%>
page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<STYLE type="text/css">
#login{
width:400px;
height:280px;
position:absolute;
left: 50%;
top: 50%;
margin-left:-200px;
margin-top:-140px;
border:1px;
background-color:red;
align:center;
}
#form{
width:300px;
height:160px;
position:relative;
left:50%;
top:50%;
margin-left:-150px;
margin-top:-80px;
}
STYLE>
head>
<body style="text-align: center;">
<div id="login">
<div id="form">
<fieldset>
<legend> legend>
<form action="validate" name="test" method="get">
:<input type="text" name="uname"><br>
:  <input type="password" name="upass"><br>
<input type="submit" value=" ">
<input type="reset" value=" ">
<br>
<a href="newuser.jsp"> a>
form>
fieldset>
div>
div>
body>
html>
原理は2つのdivを使用し、1つは絶対位置決めであり、1つは相対位置決めであり、絶対位置決めはブラウザ内の位置を制御するために使用される.相対的なdivはフォームをパッケージし、中央に配置するように制御します.