jquery 按钮没有正确对齐

Question

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

当 <button> 时会出现此问题和任何其他元素，如 <a>使用:

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

同样的问题也出现在jquery的网站上:

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

Answer 1

因为jquery-ui.css中的类.ui-button使用了display: inline-block;

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

，问题就会消失