jQuery ui selectmenu垂直位置偏移(相对于这一行的按钮)
jQuery ui selectmenu vertical position offset (relatively to buttons in this line)
在我的表单中,我将控制元素放在一行中:按钮、select 框、复选框。从逻辑上看是对的。但是自从我开始使用 jQuery UI 后,我看到了 select 框的奇怪垂直方向。
这是来自 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、table - 完全没有效果。
并截图以防万一:
您可以在 select 菜单和按钮上使用 vertical-align : middle;
来垂直对齐它们:
在我的表单中,我将控制元素放在一行中:按钮、select 框、复选框。从逻辑上看是对的。但是自从我开始使用 jQuery UI 后,我看到了 select 框的奇怪垂直方向。 这是来自 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、table - 完全没有效果。
并截图以防万一:
您可以在 select 菜单和按钮上使用 vertical-align : middle;
来垂直对齐它们: