jQuery ui selectmenu垂直位置偏移(相对于此行中的按钮) [英] jQuery ui selectmenu vertical position offset (relatively to buttons in this line)

问题描述

在表单中，我将控制元素放在一行中:按钮，选择框，复选框.从逻辑上看，它看起来正确.但是，由于我已经开始使用jQuery UI，所以我看到了选择框的奇怪垂直方向. 这是来自jquery-ui网站的示例，略有简化: https://jsfiddle.net/Tertium/z829pay7

In my form I place control elements in a line: button, select box, checkbox. It looks logically right. But since I've started using jQuery UI I see strange vertical of select box. Here's the example from jquery-ui site, a little bit shortened: 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，表格-完全没有效果.

Tested on jquery 1.11.2 and 1.10.2, jquery-ui: 1.11.3, all settings/css by default. How I can show them in line or at least valigned by middle? Tried panning, margin, div, table - no effect at all.

还有屏幕截图，以防万一:

And screenshot just in case:

推荐答案

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

You can use vertical-align : middle;on your select-menu and button to align them vertically :

JSFIDDLE

这篇关于jQuery ui selectmenu垂直位置偏移(相对于此行中的按钮)的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！