javascript – 如何将jQuery UI selectmenu与按钮对齐?

前端之家收集整理的这篇文章主要介绍了javascript – 如何将jQuery UI selectmenu与按钮对齐?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我一直在努力解决这个问题(我真的没有使用过jQuery UI).

我正在尝试实现一个在常规buttons旁边有一个selectmenu的jQuery UI.由于某些原因我无法理解,selectmenu是错误对齐的;它在页面上比按钮更高.

这是它的样子:

我不确定这是不是一个bug,对我来说肯定是非常错误的.我现在已经挣扎了很长一段时间,但还是没能弄清楚.

标记非常基本,所以我认为在这里包含它并不是很有帮助.但是它就在这里:http://jsbin.com/afixij/10/edit?html,output.加宽输出以查看所有三个元素(selectmenu,以及按钮Foo和Bar)线.

解决方法

您可以将vertical-align:middle应用于由跨度组成的下拉列表,以使按钮与下拉列表正确对齐.

#speed-button{
  vertical-align : middle;
}

Bin

似乎没有为选择菜单小部件提供自定义类名的选项(如果是这种情况则很糟糕),因为将规则应用于类会更好.你也可以这样做: –

为选择应用类名

并且在css中为任何.menu按钮提供通用规则

.menu-button + .ui-selectmenu-button{
   vertical-align : middle;
}

Bin2

猜你在找的jQuery相关文章