Html 无法将按钮居中

我遇到了一个让按钮居中的问题，我尝试了

文本对齐：居中

，但没有成功

.regis btn{
边界半径：0px；
文本对齐：居中；
-moz边界半径：10px；
-webkit边界半径：10px；
-o-边界半径：10px；
-ms边界半径：10px；
}

手机号码
用户名
序列号
登记

文本对齐：居中

仅使元素内的内容居中。因此，您所做的是将文本置于按钮的中心

如果您的按钮是行中的唯一元素，请将按钮包装在div中

我添加了一个演示来演示它的工作原理：

.btn容器{
文本对齐：居中；
}

手机号码
用户名
序列号
登记

您可以尝试以下方法：

<div class="form-group text-center"> 
    <button type="button" class="btn regis-btn" id="register" style="background: #FFCC00;"></button>
</div>

---

使用

边距：0自动和
显示：块用于按钮


.regis btn{
边界半径：0px；
-moz边界半径：10px；
-webkit边界半径：10px；
-o-边界半径：10px；
-ms边界半径：10px；
文本对齐：居中；
保证金：0自动；
显示：块；
}

手机号码
用户名
序列号
登记
使用我的代码，它工作得很好


.regis btn{
边界半径：0px；
-moz边界半径：10px；
-webkit边界半径：10px；
-o-边界半径：10px；
-ms边界半径：10px；
}

手机号码
用户名
序列号
登记
我确信还有一些CSS会影响您的按钮。从你的代码中，我看不出至少有一个类btn分配给你的按钮。@Robert类btn来自bootstrapit不工作，bootstrap css干扰了我的css吗？我说了，但它不工作。bootstrap css会干扰css吗？