如何在jquery UI对话框上增加按钮之间的水平空间？

Question

我正在使用jquery ui对话框,我想看看是否有任何方法在对话框的按钮之间包含水平空间？我在文档或谷歌搜索中看不到任何内容.

Answer 1

最好的方法是在按钮上添加样式.具体来说margin-right,或者margin-left值:

buttons: [
    { text: "Save", click: function () { alert("save"); }, style:"margin-right:40px;" },
    { text: "Cancel", click: function () { alert("close"); ;}, style:"margin-left:0px;" }
]

随意玩这个小提琴.

您增加的越多,margin-left或者margin-right按钮的水平分离越多.

或者,您也可以创建类,但在这种情况下,id倾向于内联样式,因为这是一种本地化的用法.