引导:需要帮助以按钮为中心。

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

使用类文本中心

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

Answer 2

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

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

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

Answer 3

你试过添加text-align: center;吗？