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

Question

我正在寻找一种使用 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;
}