确定按钮和重置按钮如何居中-慕课网

确定按钮和重置按钮如何居中

来源：6-7 留下您宝贵的意见 - 使用<textarea>标签创建文本域

黑桃L

2016-08-26 11:00

<!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" >
    用户名：&nbsp&nbsp&nbsp<input type="text"  name="my Name" /><br/>
    密码：&nbsp&nbsp&nbsp&nbsp&nbsp<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>

如上所示，我是这样写的，为何没有作用啊~

写回答关注

7回答

鱼龙

2016-08-26 11:10:21

已采纳

居中是要有相对对象的，如果你希望相对上面个人简介居中的话，只要下面代码即可
<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>

3 0

慕粉1826...

为什么个人简介四个字不会一起居中呢？不是也是包含在这个table里面的吗

2017-01-20 10:31:19

共 3 条回复 >
thkimooc

2016-08-26 11:31:37

<!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>

0 0
小土豆o

2016-08-26 11:25:57

上边写的有问题，这个测试过是可以的
<!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" >
用户名：&nbsp&nbsp&nbsp<input type="text" name="my Name" /><br/>
密码：&nbsp&nbsp&nbsp&nbsp&nbsp<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>

0 0
viper丶

2016-08-26 11:24:09

你可以设置style="align:center" 或者在CSS里设置margin属性

0 0
qq_小平头_2

2016-08-26 11:17:35
1. 你可以设置<table align="center">在页面中间显示，但是这样应该不是你想要的效果，所以只能在css里面设置table的margin-right属性向右移动.
0 0
慕粉3875487

2016-08-26 11:14:34

td标签设置居中没用用，要用table标签设置<table align="center"></table>

0 0
小土豆o

2016-08-26 11:10:12

style="align:center"

0 0