Html 为什么文本对齐属性在按钮元素中不起作用？

当我运行这段代码时，除了文本对齐之外，所有属性都可以工作。我不明白为什么文本对齐在按钮内不起作用

注意：是的，我知道有方法将按钮对齐在中间，我不是问如何对齐按钮，我是问为什么文本对齐在按钮元素内部不起作用，就像所有其他属性都起作用一样

尝试添加自动边距

button {
    text-align: center;
    font-size:50px;
    color:black;
    border:2px solid white;
    border-style:dotted;
    border-color:red;
}

---

或者给出

！重要信息

到

文本对齐

可能有另一个css代码影响您的按钮

它不是这样工作的。将

text align:center

属性指定给按钮本身不会使其与中心对齐。您应该将此属性分配给其父属性。或者，您可以为按钮指定宽度，并添加

边距：0 auto作为替代方法

这是你的问题的解决方案。
添加这个CSS

text-align: center;
margin: auto;

并且，用

.btnwrap {
  text-align: center;
}


按钮2

您的代码正在运行，请查看是否有其他css覆盖了您的cssCan您发布了显示问题的呈现按钮的屏幕截图和/或添加了一个片段？您好，我在下面发布了完整的代码和屏幕截图。按钮内的文本确实是水平居中的。增加按钮的宽度以查看。如果您指的是垂直居中，请更改行高。文本对齐属性适用于按钮内文本的水平位置，而不是按钮本身的对齐方式。请检查提问者的
注释
，该注释说
我不是问如何对齐按钮，我在问为什么文本对齐不起作用
，这就是我在回答中提到的。这就是他出现问题的原因，并为其添加了替代解决方案。嗨，我在下面发布了代码和输出的屏幕截图，你能检查一下并告诉我我做错了什么吗？按钮的“父项”是什么？我尝试添加边距0，但仍然不起作用。检查了您的屏幕截图和代码。“parent”是一个html元素，它封装了它的子元素。正如我已经提到的，将
text align:center
指定给按钮本身将不起作用，您需要将按钮放在其他元素中，例如
并将
text align:center
指定给它。我已经在我编辑的答案中包含了解决方案，请查看。谢谢中心。是的，我知道将按钮放在p或h1父项中会使其在中心移动，但我不明白的是，为什么我必须将其放在父项中，如果文本对齐在按钮代码中，为什么文本对齐不起作用？是因为我在按钮中指定的代码适用于按钮，因此指定文本对齐将应用于按钮本身中的文本，移动按钮需要移动按钮所在的位置吗？这有意义吗？我还没学会上课，我还在学习和试验html。我试过margin:auto，但仍然不起作用。我已经发布了上面代码的ss，你能检查一下并告诉我我做错了什么吗？它工作正常，有什么问题吗？？我想你应该让按钮居中，而不是文本本身，因为文本已经居中了
<p class="btnwrap">
  <button>button 2</button>
</p>