html - 为什么按钮的文字没有居中对齐？

Question

这是 html:

<button class="btncicle" >+</button>

CSS:

.btncicle {
    border-radius: 50%;
    width:15px;
    height:15px;
    padding: 0px;
    text-align:center; 
    vertical-align:middle;
    line-height: 15px;
}

我已经使用了 vertical-align 或 line-height ，但是按钮的文本仍然没有居中对齐。

Demo

为什么按钮的文字没有居中对齐？

Answer 1

试试这个: 更改行高属性。

行高:50%；