Html 无法使此按钮居中对齐

这是按钮：

.button {
width: 210px;
background-color: lightgray; /* Green */
border: none;
color: white;
padding: 15px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
cursor: pointer;
}

我试过这个：

input.button {
margin: 0 auto;
}

这是：

#buttonone {
margin-left: auto;
margin-right: auto;
}

---

还有很多其他的事情。我做错了什么？谢谢。

使用

显示：block

和

边距：0 auto

应该可以正常工作：

。按钮{
保证金：0自动；
显示：块；
宽度：210px；
背景颜色：浅灰色；
边界：无；
颜色：白色；
填充：15px 20px；
文本对齐：居中；
文字装饰：无；
字体大小：16px；
光标：指针；
}

---

按钮

页边距自动对内联元素不起作用，但对块级元素起作用

设置块级元素的宽度将防止其向左和向右延伸到其容器的边缘。然后，可以将左右边距设置为“自动”，使该元素在其容器内水平居中。元素将占据您指定的宽度，然后剩余空间将在两个边距之间均匀分割

您可以改为使用文本对齐：居中。

另一种方法：

/

/*external.css*/
html，正文{
填充：0；边距：0；
}
身体{
背景：#000；溢出-y：滚动；
}
梅因先生{
宽度：936px；背景：#fff；填充：20px；边距：0自动；
}
.cntr{
文本对齐：居中；
}
#btn{
宽度：210px；背景：浅灰色；颜色：白色；
字体大小：16px；填充：15px 20px；边框：0；光标：指针；
}

测试

这取决于html中按钮周围的内容。但是您可以尝试使用边距将

display:block

居中。这是关于

lightgray；/*绿色*/

：-0如果您想像默认情况一样将输入用作内联元素，则需要将其放入块级元素中，然后

文本对齐：居中

块级元素。块级元素是什么意思？

块级

元素，如div，只要它们有内容且没有宽度，将占据它们的父宽度直到填充，并且它们会导致换行<代码>内联元素不会导致换行，并且

自动

边距没有任何意义。