jquery按钮没有正确对齐

有人知道如何在不使用

float:left

的情况下对齐这些jquery按钮吗

当

和任何其他元素（如

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

这是因为
jqueryui.css
中的class
.ui按钮
正在使用
显示：内联块


如果将其更改为
display:inline table，问题就会消失

我以前没有这个问题，所以我使用较旧版本的jquery ui检查了我的旧代码。我注意到旧的
.ui按钮
类有
溢出：可见
而不是
溢出：隐藏
将其更改为
溢出：可见
，瞧，它是固定的。
显示：内联表
是一个表模型值。不确定在这种情况下使用它是否好。？请参见，
display:inline table
的目的是将元素显示为一个inline table，当您有一系列按钮希望彼此对齐时，这是完美的<代码>内联块
将元素作为内联元素放置（与相邻内容在同一行上），但其行为类似于块元素-这是此处的问题，因为在可视化渲染时，块级元素通常从新行开始。（请参阅）更改后，chrome会做同样的事情：（我希望你会考虑一个对IE 7 +和Firefox有效的答案。老实说，当你使用别人的复杂的CSS库并试图在所有浏览器上获得相同的行为时，你总是会遇到CSS问题。我建议拨回继承的样式的数量。如果你想要一个解决方案，请做。display:inline table应该做什么-只需将您的元素放在一个表中：Congrads:p必须喜欢那些抽象的css标记，它们会给您带来各种奇怪的行为。