0

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

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

8 回答 8

2

尝试这个：

div {
    margin:0 auto;
}
于 2013-11-11T09:44:03.347 回答
1

试试这个固定宽度

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 所需要的一切。

于 2013-11-11T09:50:11.660 回答
0

阅读margin: auto技巧： http ://bluerobot.com/web/css/center1.html

于 2013-11-11T09:43:55.390 回答
0

您可以尝试设置：

边距：自动

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

于 2013-11-11T09:44:53.877 回答
0 
div.class {
margin:0 auto;
width: 800px /*as desired*/ ;
}
于 2013-11-11T09:45:07.750 回答
0

您必须将宽度分配给您想要定位到中心的 div，然后左右边距应该得到 0 值

{
 width: 100px;
 margin : 0 auto;
}
于 2013-11-11T09:47:22.920 回答
0

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

.div {
width:100%;
padding: 0 20%;
}
于 2013-11-11T09:50:35.523 回答
0

你应该试试 text-align:center; 使 div 的内容居中。

于 2013-11-11T09:51:14.527 回答