问答详情
源自:6-7 留下您宝贵的意见 - 使用<textarea>标签创建文本域

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

<!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 11:00

个回答

  • 鱼龙
    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>


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


  • 小土豆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>

  • viper丶
    2016-08-26 11:24:09

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

  • qq_小平头_2
    2016-08-26 11:17:35

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

  • 慕粉3875487
    2016-08-26 11:14:34

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

  • 小土豆o
    2016-08-26 11:10:12

    style="align:center"