javascript - jQuery ui selectmenu垂直位置偏移(相对于这一行的按钮)

Question

在我的表单中，我将控制元素放在一行中:按钮、选择框、复选框。从逻辑上看是对的。但是自从我开始使用 jQuery UI 以来，我看到了奇怪的垂直选择框。 这是来自 jquery-ui 站点的示例，稍微缩短了一点:https://jsfiddle.net/Tertium/z829pay7

  $(function() {
    $( "#speed" ).selectmenu( { width: 200});
    $( "#files" ).selectmenu({ width: 200});
    $( "#but1" ).button();
    $( "#but2" ).button();

    });

在 jquery 1.11.2 和 1.10.2 上测试，jquery-ui:1.11.3，默认所有设置/css。 我怎样才能让他们排成一行或至少在中间对齐？尝试了平移、边距、div、表格——完全没有效果。

截图以防万一:

Answer 1

您可以在选择菜单和按钮上使用 vertical-align : middle; 来垂直对齐它们:

JSFIDDLE