-1

我想知道如何将容器（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; 
}
4

3 回答 3

2

您可以通过添加以下 CSS 代码轻松地做到这一点： 

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

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

但是如果你有一些容器来存放你的文本，你可以用不同的方式来实现它div。

编辑 1

你需要改变如下

.main {
 float: left;
 margin: auto 0;
 width: 1600px;
}
于 2013-04-16T06:14:19.390 回答
1

如果你使用 margin: 0 auto，你需要为你的 div 块指定一个宽度。

于 2013-04-16T07:06:09.957 回答
0

这使得中心的 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

于 2013-04-16T06:52:16.737 回答