Question

我要做的就是将一个p元素放在一个带有我制作的css类的网页上，

.buttons_editdelete{
margin-left: auto;
margin-right: auto;
font-size:xx-large
}

但这不起作用。事实上，我把font-size作为测试，但也没有。

<p class="buttons_editdelete">test</p>

那是我的html元素。该课程来自intellisense，所以它被包括在内，但我的网页上没有任何区别。我甚至尝试将此类添加到bootstrap.css文件中，但它仍然无效。如果我使用已经存在的bootstrap中的任何类，那么它们会对网页产生影响。

我真的无法理解为什么这不起作用。任何帮助将不胜感激。

Answer 1

您可以这样做：

.buttons_editdelete {
  margin-left: auto;
  margin-right: auto;
  font-size:xx-large;
  display: table; 
}

输出： http://codepen.io/anon/pen/GgQrbb

或

.buttons_editdelete {
  text-align:center;
  font-size:xx-large;
}

输出： http://codepen.io/anon/pen/pvaRMR

两者都会使你的文字居中。

Answer 2

保证金不会使文字居中，但会以<p>为中心。

要使文字居中，请使用p {text-align: center;}

Answer 3

尝试将p标记放在另一个块级元素中并使用margin：0 auto;

<div class="content">
  <p class="buttons_editdelete">
  </p>
</div>

CSS：

.content {
  margin: 0 auto;
  width: 50ch
}

或者，您可以在段落元素上使用text-align：center，如下所示：

p.buttons_editdelete {
  text-align:center;
}

另外 - 尝试给元素一个特定的宽度。

Answer 4

处理它的引导方式是将类text-center添加到<p>中，如下所示：

<p class="buttons_editdelete text-center">test</p>