jquery - 如何垂直对齐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;
}