css中心div不起作用

问题描述

我想将演讲者div居中，该评论div内。我似乎无法使其正常工作。 :( HTML：

<div class=\"review\">
<div class=\"speaker\">
<p>SPEAKER DIV</p>
</div>
</div>

CSS：

.speaker{
align:center;
}

这不起作用：/     

解决方法

没有诸如“ property2”之类的CSS属性。 当您说要“使演讲者div居中”时，您的意思是什么？ 您可以像这样将其文本居中对齐：

.speaker {
    text-align:center;
}

（请参阅http://jsfiddle.net/pauldwaite/X7LN5/） 或者，如果您希望发言者div仅与其文字一样宽，并且位于评论div的中心，则需要使用以下方法：

.review {
    text-align:center;
}

.speaker {
    display:inline-block;
}

（请参阅http://jsfiddle.net/wxha4/）     ,给它一个宽度和边距：0自动；

<div class=\"review\">
    <div class=\"speaker\">
        <p>SPEAKER DIV</p>
    </div>
</div>

div.speaker{
    background-color:red;
    width:100px;
    margin:0 auto;
}

看到它的行动！     ,我晚了大约一年的聚会，可是： 在大多数浏览器中，这将起作用：

.speaker{
    margin: 0 auto;
}

但是，在IE8及以下版本中，

margin:auto

将不起作用（仅当没有！DOCTYPE声明时才是IE8。请参阅W3Schools水平对齐指南）。 在这种情况下，可以结合使用

text-align: center

和

width

以获得所需的效果：

.review{
    text-align:center;
}
.speaker{
    text-align:left;
    width:200px;
    margin:0 auto;
}

这种方法的缺点是必须声明一个宽度，否则它将不会居中。 祝好运！     ,完美运作。

.speaker{ 
margin: 0 auto;
text-align:center;
width:100%;

} 祝好运     ,尝试

.speaker p{
text-align:center;
}

要么

.speaker {
 text-align:center;
 }

    ,CSS中没有“ 2”属性。将水平边距设置为自动以使块居中。请参阅使用CSS居中以获取更多详细信息（包括Internet Explorer问题的解决方法）     ,那是因为该语法不存在。您需要通过

margin

属性将div居中。

.speaker{
    margin:0px auto 0px auto;
}

演示http://jsfiddle.net/t4kBj/     ,给父母一个文本对齐： 然后，您可以将孩子移动到父div中的任何位置

.speaker {
       margin: 0 auto;