-1

可能重复:
在页面上垂直和水平居中 <div> 的最佳方法?

我的结果如何在 Html 或 javascript 代码的帮助下显示在页面中间。正如你们都在搜索页面中看到的谷歌。我的结果在顶部中心,但我想像谷歌页面一样在中间。我的 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 回答