按钮文本对齐到中心CSS

我有一个按钮，文本当前对齐到顶部。我试过使用文本对齐：中心的CSS，但它没有奏效。请参阅演示的链接，并告知我哪里出错。按钮文本对齐到中心CSS

我试过的代码。

.productButton { 
    height: 130px; 
    width: 200px; 
    font-size: 35px; 
    text-align:center;

注意：在使用引导程序自定义CSS沿其

查看完整的工作演示

http://www.codeply.com/go/PJVAHxQ2z4

感谢

来源

2015-03-13 UmerMo

的text-align是水平的。只需将您的线条高度设置为与按钮相同的高度即可。即130px – 2015-03-13 15:12:23

的text-align属性指定的水平对齐方式中的文字元素。

注意：不是对象的垂直对齐！

这里是你的问题可能的解决方案：

http://www.codeply.com/go/Vi7NWQz7jb

在

.btn--text { 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%,-50%); 
}

仔细看和这个CSS标签

 <label class="btn btn-default productButton"> 
      <div class="btn--text">ButtonText</div> 
      <input type="radio" name="ButtonOne" id="buttonOne" autocomplete="off" checked> 
    </label>

来源

2015-03-13 15:11:36

内添加DIV

您的线条高度应与您的身高相同，然后添加垂直对齐：中部;和填充顶部：0工作。

这里的一个例子： http://www.codeply.com/go/IgJ3Yrn9Kq

来源

2015-03-13 15:19:17 AleJuliet

按钮文本对齐到中心CSS

回答

相关问题