Question

我希望将按钮或标签集中在它所在的行中（单独）。

我已经写了这个CSS，它使它变黄，在它周围放置边框等，但它始终保持对齐。我如何集中它？

a.butt, button.butt {
   border: 1px solid #ffff01;
   background-color: transparent;
   height:50px;
   cursor:pointer;
   padding-left: 40px;
   padding-right: 40px;
   padding-top: 10px;
   padding-bottom: 10px;
   text-decoration: none;
   text-align: center;
   color: #ffff01;
}

感谢您的帮助

Answer 1

有几种方法可以做到这一点，但也许

a.butt, button.butt {
 border: 1px solid #ffff01;
 background-color: transparent;
 height:50px;
 cursor:pointer;
 padding-left: 40px;
 padding-right: 40px;
 padding-top: 10px;
 padding-bottom: 10px;
 text-decoration: none;
 text-align: center;
 color: #ffff01;

 display: block;
 margin-left: auto;
 margin-right: auto;
 width: ??px;
}

会做到这一点。

Answer 2

您可以将text-align:center;添加到父<div>

来实现

此处示例https://jsfiddle.net/uy4u781d/

Answer 3

margin-left:auto;
margin-right:auto;
width:150px; //width as you want
display:block;

如何集中按钮div

3 个答案: