如何垂直对齐jQuery按钮文本？

Question

我已经修改了ui-button类的高度，但文本按钮仍然位于其底部。我怎样才能将它与中间对齐？

.ui-button {
   display: inline-block;
   position: relative;
   padding: 0px;
   margin-right: 0.1em;
   cursor: pointer;
   text-align: center;
   overflow: visible;
   // resize a bit the height
   height: 20px;
}

vertical-align无效。

http://jsfiddle.net/PM4T6/

Answer 1

.ui-button {line-height：20px;}

Answer 2

使用position时，请务必指定top left，bottom right ....

Answer 3

试试这个

.ui-button {
   display: table-cell;
   position: relative;
   padding: 0px;
   margin-right: 0.1em;
   cursor: pointer;
   text-align: center;
   overflow: visible;
   height: 50px;
}