我想将添加到对话框的按钮移动到顶部或左侧,我正在使用 jquery ui,如何做到这一点。添加 ok 后,它会显示在最右端,可以将其放置在周围吗?
$(function() {
$("#dialog-message").dialog({
modal : true,
resizable : false,
buttons : {
ok:function() {
$(this).dialog("close");
}
}
});
});
最佳答案
要将按钮左/中/右对齐,请禁用 float 并相应地调整 text-align
属性:
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: none;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: center; /* left/center/right */
}
<强> DEMO
<小时/>这是按钮的标记:
<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
关于jquery - 对话框中按钮的自定义放置 - jquery ui,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9483930/