我想将添加到对话框的按钮移动到顶部或左侧,我正在使用 jquery ui,如何做到这一点。添加 ok 后,它会显示在最右端,可以将其放置在周围吗?
$(function() {
$("#dialog-message").dialog({
modal : true,
resizable : false,
buttons : {
ok:function() {
$(this).dialog("close");
}
}
});
});
要将按钮左/中/右对齐,请禁用浮动并调整text-align
相应的财产:
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: none;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: center; /* left/center/right */
}
DEMO http://jsfiddle.net/didierg/zV7Us/
这是按钮的标记:
<div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
<div class="ui-dialog-buttonset">
<!-- the buttons are here -->
</div>
</div>
默认 css 指定:
-
text-align: left;
对于元素.ui-dialog-buttonpane
-
float:right
对于元素.ui-dialog-buttonset
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)