jquery按钮没有正确对齐

Question

有没有人知道如何在不使用float:left的情况下对齐这些jquery按钮？

当使用<button>和<a>之类的任何其他元素时会发生此问题：

http://jsbin.com/afixij/edit#javascript,html,live

同样的问题也在jquery的网站上：

http://jqueryui.com/demos/button/#default

Answer 1

这是因为.ui-button中的课程jquery-ui.css正在使用display: inline-block;

如果将其更改为display: inline-table;

，问题就会消失

Answer 2

之前我没有这个问题，所以我使用旧版本的jquery-ui检查​​了我的旧代码。我注意到旧的.ui-button班级已overflow:visible而不是overflow:hidden将其更改为overflow:visible，瞧它已修复。