html选择和按钮间距,html - 想要在按钮之间添加间距

我有一个简单的任务，就像在下面的从http://bootboxjs.com/examples.html获得的示例代码中一样，在对话框中的按钮之间添加空格。试想一下，此示例中有多个按钮。像保存，删除，取消，确认一样。bootbox.dialog({

title: "This is a form in a modal.",

message: '

' +

'

' +

'

' +

'

' +

'Name ' +

'

' +

' ' +

'Here goes your name

' +

'

' +

'

' +

'How awesome is this? ' +

'

' +

' ' +

'Really awesome

' +

'

' +

' Super awesome

' +

'

' +

'

' +

'

',

buttons: {

success: {

label: "Save",

className: "btn-success",

callback: function () {

var name = $('#name').val();

var answer = $("input[name='awesomeness']:checked").val()

Example.show("Hello " + name + ". You've chosen " + answer + "");

}

}

}

}

);我想知道如何增加按钮之间的间距，以使它们之间的距离更远并且看起来更宽敞，并且对话框的UI更加美观。我不太擅长这些东西。我搜了很多。请帮我。您的帮助将不胜感激。非常感谢你。

如果可能，请提供一些代码和现场示例。再次感谢你。

最佳答案

您可以使用 或margin属性在网页上的按钮之间添加间距。

使用 :

您可以在第一个按钮的结束标记和第二个按钮的开始标记之间使用 ，如下所示。Button 1     Button 2您可以添加更多 以增加空间。

使用margin属性:

您可以通过在两侧添加margin来增加两个对象之间的间距。 CSS代码如下，.btn_name{

margin-left:10px;

}可以在左侧添加空间，也可以使用以下代码在右侧添加空间，.btn_name{

margin-right:10px;

}