                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

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

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

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

黑桃L

2016-08-26

源自：初识HTML(5)+CSS(3)-升级版 6-7

关注问题我要回答

3159

操作

收起

7 回答

鱼龙回答被采纳 +3 积分
2016-08-26

居中是要有相对对象的，如果你希望相对上面个人简介居中的话，只要下面代码即可

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

0 回复有任何疑惑可以回复我~

#1

黑桃L 提问者

非常感谢

2016-09-01 回复有任何疑惑可以回复我~

#2

黑桃L 提问者

那请问在这里是如何确认谁是相对对象的呢？哪一行代码指定的？

2016-09-01 回复有任何疑惑可以回复我~

#3

慕粉1826222000

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

2017-01-20 回复有任何疑惑可以回复我~

thkimooc
2016-08-26

<!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 回复有任何疑惑可以回复我~

小土豆o
2016-08-26

上边写的有问题，这个测试过是可以的

<!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 回复有任何疑惑可以回复我~

viper丶
2016-08-26

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

0 回复有任何疑惑可以回复我~

qq_小平头_2
2016-08-26

你可以设置<table align="center">在页面中间显示，但是这样应该不是你想要的效果，所以只能在css里面设置table的margin-right属性向右移动.

0 回复有任何疑惑可以回复我~

慕粉3875487
2016-08-26

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

0 回复有任何疑惑可以回复我~

小土豆o
2016-08-26

style="align:center"

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1225781 人
解答问题 18234 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

本课相似问答

5 回答确定，重置按钮怎么在中间？

4 回答如何定义重置按钮重置的目标

2 回答提交按钮及重置按钮

5 回答重置按钮reset

3 回答重置按钮和提交按钮的区别是什么

搜索更多本课相关问答

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

我要回答关注问题

意见反馈帮助中心 APP下载