Question

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

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

Answer 1

我会做这样的事情，或者你可以使用外部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，然后将其对齐在页面中心

Answer 2

试试这个：

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

Answer 3

看看这个。她解释了你的问题：http://www.dynamicsitesolutions.com/css/center-page-content-horizontally-and-vertically/

Answer 4

把：

body {
    text-align: center;
}

在你的CSS中

。 JSFiddle：http://jsfiddle.net/QXkCn/1/

Answer 5

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

Answer 6

使用表格或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>

Answer 7

只需使用<body align="center"> 这里看起来如何Fiddle

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

将html页面的所有元素放入页面中心

7 个答案: