1

我真的以为这很简单，但我疯了！我只是想在屏幕的 div 中居中一个 div。但不是 div 的左上角到屏幕的中心，而是 div 的中心在中心。

这是我的 div css

.box
{
    padding-top:20px;
    padding-left:5px;
    background-color: #ffffff;
    background-color: rgba(221,221,221,0.5);
    border: 1px solid black;
    border-radius: 25px;
    filter: alpha(opacity=90);
    height: 125px;
    width: 250px;
    z-index: 1;
}

<form id="form1" runat="server">
<div id="box"><div>
</form>

谢谢！我不知道如何让 html 出现在代码块中。这是水平和垂直的中心。

4

3 回答 3

4

使用 position:absolute 如果你需要它水平和垂直居中：

#box {
    position:absolute; 
    top:0; left:0; right:0; bottom:0; 
    margin:auto;
    /* etc */
}

http://jsfiddle.net/wcFMw/

于 2013-09-24T15:50:01.447 回答
4

水平居中：

margin:auto;

垂直居中：

position: absolute;
top: 0; left: 0; bottom: 0; right: 0;

即使在滚动页面时，您也可以使用position: fixed使 div 居中。

另请注意，您必须使用#而不是.通过id选择。.是用于class的 CSS 选择器。

提琴手

于 2013-09-24T15:45:19.623 回答
0 
margin:0 auto;

将此属性添加到您的 css 类。

于 2013-09-24T15:47:30.490 回答