Html 将此按钮居中的正确方法是什么？ 我的页面上有这个按钮，它现在与我的屏幕左边对齐，但是我希望它在中间。实现这一目标的正确方法是什么

html

---

你必须把按钮放在div里

<div style="width:100%; text-align:center;">
  <button class="button">Button</button>
<div>

按钮

---

您可以在此处选中使用

文本对齐：居中添加
包装

和

定位

将其置于中间的按钮：

.wrapper{
文本对齐：居中；
}
.按钮{
位置：绝对位置；
最高：50%；
背景色：#4CAF50；
边界：无；
颜色：白色；
填充：15px 32px；
文本对齐：居中；
文字装饰：无；
显示：内联块；
字体大小：16px；
}

按钮

现在应该使用CSS3。同样，元素（按钮）的大小也无关紧要

。按钮{
/*魔法*/
位置：绝对位置；
左：50%；
转化：translateX（-50%）；
/*你的造型有问题吗*/
背景色：#4CAF50；/*绿色*/
边界：无；
颜色：白色；
填充：15px 32px；
文本对齐：居中；
文字装饰：无；
显示：内联块；
字体大小：16px；
}

---

按钮

使用

文本对齐：居中；在其父对象上显示：内联块

。你应该为你的问题分享所有相关的代码，去掉填充。。。并设置对齐：居中。不要误解我，但它太大，太混乱，无法记住所有这些。只是为了简单的问题…居中按钮在center@PranayRana这就是全部内容：

位置：绝对；左：50%；转化：translateX（-50%）其实没那么多。好吧，我和其他人搞混了properties@PranayRana我明白了，我应该把相关的修改放在最上面，让它更清楚。非常感谢。这不是居中！在最右边。
位置：绝对位置制动水平居中（），如果将其拆下（），则它至少在水平居中。简而言之，
位置：绝对位置无法与
文本对齐：居中对齐
.button {
    background-color: #4CAF50; /* Green */
    border: none;

    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

<div style="width:100%; text-align:center;">
  <button class="button">Button</button>
<div>