对齐中心div的内容

Question

我有一个width:100%;的div，因为我想填写父容器 我也希望将div的内容放在其中心。我找不到div的horizontal-align:center属性。如何配置div以使其内容位于中心？
即如果div很大：

------------------------------------------------------------------------------------------------------------  
                    Enclosing tags here  
                    in the center  
------------------------------------------------------------------------------------------------------------        

Answer 1

试试这个：

div {
    margin:0 auto;
}

Answer 2

尝试使用固定宽度

div.class_name {
width: XXpx;
margin: 0 auto;
text-align: center;
}

动态高度

<div class="container">
 <div class="inside">some content</div>
</div>


.container
{
 text-align: center;
}
.inside
{
 display:inline-block;
}

在HTML中

<div style="text-align: center;"> </div>

你需要的所有CSS。

Answer 3

了解margin: auto诀窍： http://bluerobot.com/web/css/center1.html

Answer 4

您可以尝试设置：

  

保证金：自动

我不确定在这种情况下是否有帮助。

Answer 5

div.class {
margin:0 auto;
width: 800px /*as desired*/ ;
}

Answer 6

您必须为要定位到中心的div指定宽度，然后左右边距应为0值

{
 width: 100px;
 margin : 0 auto;
}

Answer 7

这可能就是您所寻找的：padding:0 20%;使用%有助于根据父div的宽度自动调整填充。您可以将20%更改为您的首选号码。

.div {
width:100%;
padding: 0 20%;
}

Answer 8

你应该尝试text-align：center;将div的内容放在中心位置。