-1

ボタン、2つのテキストボックス、およびいくつかのテキストがあります。このすべての要素をページの中央に配置するにはどうすればよいですか？

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

これにより、設定された幅が800ピクセルになり、ページの中央に配置されます。

于 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">の 外観を使用してください

それは良い習慣ではありませんが、これはうまくいくでしょうが、

于 2012-04-11T20:53:37.323 に答える