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; } 。

例如

{{1}}

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

Answer 2

@Inator我认为vertical align middle仅适用于Table元素而不适用于其他情况。

在该类中，您应用于按钮：

设置：display：table-cell

和vertical-align：middle

并且可能创建一个外部元素，例如div并将其显示设置为table 喜欢显示：表格 和vertical-align：中间

希望它可能有效

Answer 3

内联margin-top样式优先于CSS类中定义的样式。这就是CSS定义值无效的原因。解决方案是添加

margin-top: -5px !important;

如果您希望负上边距生效，请到您的CSS。