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

table居中,该如何解决

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

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. margin不同浏览兼容的有关问题，正解结贴
  2. 怎样去除网页中插入flash的安全提示？解决方法
  3. Head中的link、meta、的元素跑到body里头去了
  4. html的ul标签怎么设置背景图片！
  5. Windows XP上恢复html,mht和mhtml文件的默认图标
  6. 《转》多个图片调整到一张图片上，css网页背景定位
  7. html form action取值解决方法
  8. 有办法竖着排其后换列吗
  9. CSS overflow:hidden的了解