jquery 手机 : vertically center two lines of button text

Question

我有一个带有 2 行文本的 jQuery 移动按钮，具有以下 CSS 规则:

.ui-btn-text {
    word-wrap: break-word !important;
    white-space: normal !important;
}

jQuery 在文本周围创建一个跨度类:ui-btn-inner ui-btn-corner-all。

我希望这个元素垂直居中。

当我使用 vertical-align 时，它没有任何效果。 line-height 也不起作用，因为我的文本可以有两行。

有谁知道如何让我的文本在按钮中垂直居中？

Answer 1

你应该制作容器div

position: relative;

并给它一个高度。然后制作内部div

position: absolute; margin: 0px auto; 

使其在容器中垂直居中!

=============
原答案:

text-align: center;

应该做水平居中的技巧。