Question

我想知道如何集中容器（div）。我使用了margin:auto / margin:0 auto; / margin-left:auto; / margin-right:auto;，但所有这些都无效。

位置标记的确切用法是什么，我们何时才能使用它？

CSS（来自评论）：

body 
{ 
    background-image:url('images/bgbody.jpg'); 
    background-repeat:no-repeat; 
    background-size:cover; 
    margin:0 0 0 0; 
    padding:0 0 0 0; 
} 
.main /*main container*/ 
{ 
    float: left; 
    margin: 0 auto ; 
    width: 1550px; 
    /*float:left; width:100%; height:100%; /*background-image:url('images/bgbody.jpg') ; background-size:cover;*/ 
    /* margin-left:300px; overflow-x:false; */ 
    }

.containermain /* container which i want to make center*/ 
{ 
    float:left; 
    width:1000px; 
    background-image:url('images/bgmiddle.jpg'); 
    /*margin: auto 0; */ 
    background-repeat:no-repeat; 
    background-size:cover; 
}

Answer 1

您可以通过添加以下CSS代码轻松完成此操作：

display: table-cell;
vertical-align: middle;

示例http://jsfiddle.net/h5j7B/30/

但如果您在div内有一些文本容器，则可以采用不同的方式实现它。

编辑1

您需要更改如下

.main {
 float: left;
 margin: auto 0;
 width: 1600px;
}

Answer 2

如果使用margin：0 auto。

，则需要为div块指定宽度

Answer 3

这使得div无中心，

 <div style="position: fixed; text-align: center; height: 100%; width: 100%; top: 0;     right: 0; left: 0; z-index: 9999999; background-color: #000000;">

<div style="border-width: 0px; position: relative; padding: 50px; background-color: #FFFFFF; top: 49%; color: #333;">Content</div>
</div>

有关位置信息，请查看http://www.w3schools.com/cssref/pr_class_position.asp 和 http://davidwalsh.name/css-fixed-position

如何在没有边距标签的div中居div？

3 个答案:

编辑1