1. 爱易网页
  2. HTML教程
  3. table居中,该如何解决

table居中,该如何解决

日期：2014-05-17　 浏览次数：20801 次

table居中
怎么让table水平居中和垂直居中呢

<html>
<head>
<title>注册</title>
<style>
.stats1{
color:#aaa;
}
.stats2{
color:#000;
}
.stats3{
color:red;
}
.stats4{
color:green;
}

</style>
<script src="check.js"></script>
</head>
<body>

<form action="register.php" method="post" onsubmit="return regs('click')">
<table border="1" bordercolor="#66FF66" align="center" height="400">
<tr>
<td>用户名:<input type="text" name="username" value="">
<span class="stats1">请输入用户名</span><br>
</td>
</tr>
<tr>
<td>
密码:<input type="password" name="password" value="">
<span class="stats1">请输入密码</span><br>
</td>
</tr>
<tr>
<td>
确认密码:<input type="password" name="repass" value="">
<span class="stats1">请确定密码</span><br>
</td>
</tr>
<tr>
<td>
邮箱:<input type="text" name="email" value="">
<span class="stats1">请输入邮箱</span><br>
</td>
</tr>
<tr>
<td>
其他:<input type="text" name="other" value="">
<span class="stats1">请输入其他</span><br>
</td>
</tr>
<tr>
<td>
确定:<input type="submit" name="sub" value="submit">
</td>
</tr>
</table>
</form>

</body>
</html>


------解决方案--------------------
HTML code


<html>
<head>
<title>注册</title>
<style>
.stats1{
color:#aaa;
}
.stats2{
color:#000;
}
.stats3{
color:red;
}
.stats4{
color:green;
}

</style>
<script src="check.js"></script>
</head>
<body>

<form action="register.php" method="post" onsubmit="return regs('click')">
<table width="100%" height="100%" valign="middle">
<tr>
<td>
<table border="1" bordercolor="#66FF66" align="center" height="400" valign="middle">
<tr>
<td>用户名:<input type="text" name="username" value="">
<span class="stats1">请输入用户名</span><br>
</td>
</tr>
<tr>
<td>
密码:<input type="password" name="password" value="">
<span class="stats1">请输入密码</span><br>
</td>
</tr>
<tr>
<td>
确认密码:<input type="password" name="repass" value="">
<span class="stats1">请确定密码</span><br>
</td>
</tr>
<tr>
<td>
邮箱:<input type="text" name="email" value="">
<span class="stats1">请输入邮箱</span><br>
</td>
</tr>
<tr>
<td>
其他:<input type="text" name="other" value="">
<span class="stats1">请输入其他</span><br>
</td>
<

相关资料更多>

  1. HTML：WEB规范从头末尾
  2. 怎么将一个HTML页面嵌套在多个动态页面（asp）
  3. 在IE的兼容模式上如何会产生空行
  4. 关于dreamweaver解决思路
  5. 大家帮小弟我看一上，小弟我的这个页面总是显示剩上1项
  6. 使用网下上载的js UI 控件需要探授权吗
  7. 灰色的background-color代码是多少,该如何解决
  8. frameset的自适应高度的有关问题
  9. 怎么去掉导航栏中的小实心圆圈