<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>文本域</title> </head> <body> <form action="save.php" method="post" > 用户名:   <input type="text" name="my Name" /><br/> 密码:     <input type="text" name="my Name" /><br/> <label>个人简介:</label> <textarea cols="30" rows="10">在这里输入内容...</textarea><br/> <table> <tr> <td colspan="2" align="center"> <input type="submit" value="确定" name="submit" /> <input type="reset" value="重置" name="reset" /> </td> </tr> </table> </form> </body> </html>
如上所示,我是这样写的,为何没有作用啊~
居中是要有相对对象的,如果你希望相对上面个人简介居中的话,只要下面代码即可
<table>
<tr>
<td colspan="2" align="center">
<label>个人简介:</label>
<textarea cols="30" rows="10">在这里输入内容...</textarea><br/>
<input type="submit" value="确定" name="submit" />
<input type="reset" value="重置" name="reset" />
</td>
</tr>
</table>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>文本域</title>
<style>
.test1{position:absolute;}
.test{position:relative;
left:50%;}
</style>
</head>
<body>
<form class="test1"action="save.php" method="post" >
<label>个人简介:</label>
<textarea cols="50" rows="10">在这里输入内容...</textarea>
<div class="test" >
<input type="submit" value="确定" name="submit"/>
<input type="reset" value="重置" name="reset" />
</div>
</form>
</body>
</html>
上边写的有问题,这个测试过是可以的
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>文本域</title>
<style>
.ml{margin-left:100px}
</style>
</head>
<body>
<form action="save.php" method="post" >
用户名:   <input type="text" name="my Name" /><br/>
密码:     <input type="text" name="my Name" /><br/>
<label>个人简介:</label>
<textarea cols="30" rows="10">在这里输入内容...</textarea><br/>
<div class="ml">
<input type="submit" value="确定" name="submit" />
<input type="reset" value="重置" name="reset" />
</div>
</form>
</body>
</html>
你可以设置style="align:center" 或者在CSS里设置margin属性
你可以设置<table align
=
"center"
>在页面中间显示,但是这样应该不是你想要的效果,所以只能在css里面设置table的margin-right属性 向右移动.
td标签设置居中没用用,要用table标签设置<table align="center"></table>
style="align:center"