当居中时，锚定到整个宽度

Question

我的容器中有一个段落和一个按钮，如此

<div class="container">
       <div class="row">
          <p class="text-center text-muted">text</p>
          <a class="btn btn-danger  center" href="">
            Download PDF 
         </a > 
       </div>            
 </div>

我的中心课程的代码是

.center{
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

这就是输出的样子，当我期望处于中心的小按钮时，按照它的值应该是宽的，如下载Pdf

Answer 1

你的风格应该是：

.center {
    display: block !important;
    width: 250px; //change accordingly;
    margin-left: auto !important;
    margin-right: auto !important;
}

保证金自动适用于固定宽度的容器。

或尝试：

<div style='text-align:center'>
    <a class="btn btn-danger" href="">
        Download PDF 
    </a >
</div>

只是一个建议，避免使用太多!important