如何在jquery ui按钮中居ui图标

Question

我正在寻找一种方法来创建工具栏按钮uisng jquery ui.

我尝试使用创建按钮

<div id='menubar_home' style='vertical-align: middle;width: 20px; height: 20px;'>
</div>

和使用

$('#menubar_home').button({
    icons: { primary: "ui-icon-home" }
});

但按钮中的图像不居中:

如何将图像置于按钮中心？

Answer 1

#menubar_home {
    display:table-cell;
    vertical-align: middle;
    text-align: center;
}