jQuery Mobile Button中的垂直对齐文本中间？

Question

我试图缩小jQuery Mobile Button的高度,以便更好地适应列表视图,但我无法正确排列文本.这是我到目前为止的实现:

.listDelBtn .ui-btn-text {
    margin: -5px -15px -5px -15px;
}

<a class="listDelBtn" data-role="button" data-theme="b" style="float: right; width: 75px; line-height: 11px; margin-top: 6px; z-index: 12; padding: 0 0px 0 0px;">delete</a>

样式边距确实影响按钮的宽度以使其具有更短的长度,但是,无论尝试的值如何,顶部和底部边距值都没有影响.我也尝试了各种填充,高度和其他值,没有运气.行高也是唯一对按钮高度有任何影响的内联样式,但其中的文本未对齐.尝试使用jQuery Mobile btw的1.0b1 +版本.

这是结果按钮的图像供参考:

Answer 1

你可以给height你,button然后给line-height它.

例如

.listDelBtn{
 height:30px;
 line-height:30px;
}

查看此示例http://jsfiddle.net/EQash/