Html css中心分区不工作

我想将演讲者部分居中，它位于复习部分。我似乎无法让它工作(

HTML:

这不起作用：//p>试试看

.speaker p{
text-align:center;
}

或

---

没有像

align

这样的CSS属性

当你说你想“居中”扬声器分区时，你的确切意思是什么

可以按如下方式将其文本居中对齐：

.speaker {
    text-align:center;
}

（见附件）

或者，如果您希望speaker div仅与文本一样宽，并且位于review div的中心，则需要使用以下选项：

.review {
    text-align:center;
}

.speaker {
    display:inline-block;
}

---

（请参阅）

这是因为该语法不存在。您需要通过

margin

属性将div居中

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

---

演示

CSS中没有

对齐

属性。将水平边距设置为“自动”以使块居中。有关更多详细信息，请参阅（包括Internet Explorer问题的解决方法）

为其指定宽度和边距：0自动

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

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

演讲者组

副议长{
背景色：红色；
宽度：100px；
保证金：0自动；
}

---

我大约晚了一年才去参加聚会，但事情是这样的：

在大多数浏览器中，这将起作用：

.speaker{
    margin: 0 auto;
}

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

margin:auto

将不起作用（只有在没有！DOCTYPE声明的情况下，IE8才起作用。）

在这种情况下，您可以使用

文本对齐：居中

和

宽度

的组合来获得所需的效果：

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

这种方法的缺点是必须声明宽度，否则它不会居中

祝你好运！

它工作得很好

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

}

---

祝你好运

给家长一个文本对齐：居中； 然后可以将子对象移动到父div中的任何位置

.speaker {
       margin: 0 auto;

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

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

.speaker {
       margin: 0 auto;