-1

重複の可能性:
<div>をページの垂直方向と水平方向の中央に配置する最良の方法は?

Htmlまたはjavascriptコードを使用して、結果をページの中央に表示するにはどうすればよいですか。あなたがすべて検索ページでグーグルを見たように。結果は中央上部に表示されますが、Googleページのように中央に配置したいと思います。私のHTMLコードは次のとおりです。

<html>
<head>
    <title> Search</title>
<body>

    <center>Search: <input type="Text" Name="">
    <input type="Submit" value="Go"></center>

</body>
</html
4

3 に答える 3

6
<html>
  <head></head>
  <body style="width: 100%; height: 100%;">

    <div style="top: 50%; left: 50%; position: absolute;">
        <div>Centered text</div>
    </div>

  </body>
</html>
于 2012-11-29T13:59:20.733 に答える
0

これがあなたの解決策です:

幅と高さをcssで設定します。

HTML:

<html> 
    <head>         
        <title> Search</title>
    </head>           
        <body>
            <div id="centered">                               
                Search: <input type="Text" Name="">     
                <input type="Submit" value="Go">
            </div>                           
        </body>           
</html>

CSS:

#centered{
width:200px;
height:50px;
margin:auto;
position:absolute;
top:0;
bottom:0;
right:0;
left:0;       
}

http://jsfiddle.net/y6x3e/

于 2012-11-29T14:14:01.313 に答える
-3

ページの中央にコンテンツを配置する場合は、上からマージンを追加する必要があります。このコードを使用して、上からマージンを調整してください。

<div style="margin-top:200px;" align="center">Search: <input type="Text" Name="">
<input type="Submit" value="Go"></div>
于 2012-11-29T14:04:20.440 に答える