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上测试，默认情况下为所有settings / css。 我如何能够将它们排成一行或者至少在中间显示？尝试平移，边距，div，表 - 完全没有效果。

屏幕截图以防万一：

Answer 1

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

JSFIDDLE