-1

我有一个按钮、两个文本框和一些文本。如何将所有这些元素放入页面中心？

<body>
        Hello world!
        <p><input TYPE="text" name="textbox1"><p> 
        <p><input TYPE="text" name="textbox2"></p>
        <p><input TYPE="button" VALUE="Enter" ONCLICK="HomeButton()"></p> 
            <script>
                function HomeButton()
                {
                    location.href="registration.html";
                }
            </script>
</body>
4

7 回答 7

4

我会做这样的事情，或者你可以使用外部 CSS 表 :)

<!--In your <head> add this-->

<style type="text/css">
body{margin:0;padding:0}
#body{width:800px; margin:auto}
</style>

<!--And here is your body-->

<body>
<div id="body">
CONTENT HERE!
</div>
</body>

这将设置为 800px 的宽度，然后将其对齐在页面的中心

于 2012-04-11T20:51:03.090 回答
1

您可以将这些控件放入div或使用<center>标签或<body align="center">

于 2012-04-11T20:54:33.470 回答
1

使用表格或 div

试试下面的代码

<body >
    <table width="100%" border="0">
      <tr>
        <td height="200">&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
      <td width="400px">&nbsp;</td>
        <td> Hello world!
            <p><input TYPE="text" name="textbox1"><p> 
            <p><input TYPE="text" name="textbox2"></p>
            <p><input TYPE="button" VALUE="Enter" ONCLICK="HomeButton()"></p> </td>

      </tr>
    </table>

    </body>
于 2012-04-11T21:06:33.483 回答
1

尝试这个：

<body>
<div style="margin:0 auto;text-align:center;">
        Hello world!
        <p><input TYPE="text" name="textbox1"><p> 
        <p><input TYPE="text" name="textbox2"></p>
        <p><input TYPE="button" VALUE="Enter" ONCLICK="HomeButton()"></p> 
            <script>
                function HomeButton()
                {
                    location.href="registration.html";
                }
            </script>
</div>
</body>
于 2012-04-11T20:51:14.593 回答
1

看看这个。他们解释了您的问题的解决方案：http ://www.dynamicsitesolutions.com/css/center-page-content-horizo​​ntally-and-vertically/

于 2012-04-11T20:53:08.660 回答
1

放：

​body {
    text-align: center;
}

在你的 CSS 中。​JSFiddle：http: //jsfiddle.net/QXkCn/1/

于 2012-04-11T20:53:26.090 回答
-1

为此，只需<body align="center"> 在此处使用它的外观Fiddle

虽然这不是一个好习惯，但这会奏效，

于 2012-04-11T20:53:37.323 回答