Question

我想把我的段落（标题）放在div的中间，但是margin：auto;绝对没有任何意义。

#header {
  background-color: lime;
  height: 100px;
  width: 90%;
  margin: 0px auto;
  border: 1px solid grey;
#title {
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  height: 50px;
  border: 1px solid grey;
  width: 300px;
  display: inline-block; 
  text-transform: uppercase;
  font-size: 30px; 
  color: blue;

正如你所看到的，宽度和高度都被定义了，段落确实表现为一个块元素，所以我真的不明白为什么它仍然不在div的中间...... Btw，保证金：auto为分频器工作，而不是分频器内的段落。

Answer 1

对于使用保证金的中心元素：

1）定义元素的宽度。

2）元素必须是block。

3）将margin-left和margin-right定义为auto。

<强>所以：

变化：

display: inline-block;

要：

display:block;

Answer 2

删除AWS.config.region，或明确将其设置为display: inline-block;。

Answer 3

＆＃34;保证金：0自动＆＃34;通常用于容器。

要对齐段落中心，可以使用div的样式。

text-align:center;
padding:10%;

对于段落，删除显示属性并添加这些

line-height:50px;
height:50px;

Answer 4

您可以使用text-align:center; 或者你也可以改变

display:inline-block;

到

display:block;

Answer 5

将段落放入div。

<div>
 <p>Something</p>
</div>

将以下css应用于段落

div{
     text align:centre;
  }

div.p{
 vertical-align:middle;

}

以margin为中心：auto不起作用

5 个答案: