为什么<button>没有容器设置保证金值？

Question

我从Udemy创建了这个网站，我想添加一个刷新按钮，但我不知道为什么它现在能工作。当我把它加到"；容器"；类，它不采用该类设置的margin值，即auto。我需要添加一个特定的margin值：按钮本身的auto。

网址：https://williambutacu.github.io/DiceGame/dicee.html

代码：

.container {
width: 70%;
margin: auto;
text-align: center;
}
button{
display:block;
margin:auto;
}

<div class="container">
<h1>Refresh Me</h1>
<button onclick="location.reload();">Refresh Page</button>
</div>

github需要更新css文件

Answer 1

没有元素的默认margin属性值为inherit。

Answer 2

如果您希望按钮与容器具有相同的css属性，则必须为其提供相同的类。

button不会从其父级继承margin: auto。

.container {
width: 70%;
margin: auto;
text-align: center;
}

<div class="container">
<h1>Refresh Me</h1>
<button class="container" onclick="location.reload();">Refresh Page</button>
</div>

(不过，这不是我真正想做的事情，我认为你的解决方案很好(