Question

我试图将此按钮置于中心但似乎无法使其工作，我们非常感谢任何帮助。

<div class="cta-btn">
                                    <a class="btn btn-cta text-center" href="#" role="button">EXPLORE</a>
                            </div>

和CSS

 .btn-cta{
   padding: 25px 80px;
   border: 3px solid white;
   background-color: transparent;
   color: white;
   font-family: Tahoma, Verdana, Segoe, sans-serif;
   text-transform: uppercase;
   font-size: 1.4em;
   transition: all 0.3s ease;
}

Answer 1

将.text-center类放在封闭的div

上

<div class="cta-btn text-center">
    <a class="btn btn-cta" href="#" role="button">EXPLORE</a>
</div>

此外，如果您希望按钮填充div的宽度，请将.btn-block类添加到按钮。

Answer 2

使用课程文字中心

<div class="cta-btn text-center">
                                    <a class="btn btn-cta text-center" href="#" role="button">EXPLORE</a>
                            </div>

Answer 3

您是否尝试添加text-align: center;

Answer 4

display: block;
margin: 0 auto;

Bootstrap：需要帮助来固定按钮

4 个答案: