Html 要在按钮之间添加间距吗
我有一个简单的任务,在对话框中的按钮之间添加空格,如下面从中获得的示例代码所示。想象一下,这个例子中有不止一个按钮。如保存、删除、取消、确认Html 要在按钮之间添加间距吗,html,css,layout,Html,Css,Layout,我有一个简单的任务,在对话框中的按钮之间添加空格,如下面从中获得的示例代码所示。想象一下,这个例子中有不止一个按钮。如保存、删除、取消、确认 bootbox.dialog({ title: "This is a form in a modal.", message: '<div class="row"> ' + '<div class="col-md-12"&g
bootbox.dialog({
title: "This is a form in a modal.",
message: '<div class="row"> ' +
'<div class="col-md-12"> ' +
'<form class="form-horizontal"> ' +
'<div class="form-group"> ' +
'<label class="col-md-4 control-label" for="name">Name</label> ' +
'<div class="col-md-4"> ' +
'<input id="name" name="name" type="text" placeholder="Your name" class="form-control input-md"> ' +
'<span class="help-block">Here goes your name</span> </div> ' +
'</div> ' +
'<div class="form-group"> ' +
'<label class="col-md-4 control-label" for="awesomeness">How awesome is this?</label> ' +
'<div class="col-md-4"> <div class="radio"> <label for="awesomeness-0"> ' +
'<input type="radio" name="awesomeness" id="awesomeness-0" value="Really awesome" checked="checked"> ' +
'Really awesome </label> ' +
'</div><div class="radio"> <label for="awesomeness-1"> ' +
'<input type="radio" name="awesomeness" id="awesomeness-1" value="Super awesome"> Super awesome </label> ' +
'</div> ' +
'</div> </div>' +
'</form> </div> </div>',
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 <b>" + answer + "</b>");
}
}
}
}
);
bootbox.dialog({
标题:“这是一种情态形式。”,
消息:“”+
' ' +
' ' +
' ' +
“姓名”+
' ' +
' ' +
“你的名字来了”+
' ' +
' ' +
“这有多棒?”+
' ' +
' ' +
“真是太棒了”+
' ' +
“超级棒”+
' ' +
' ' +
' ',
按钮:{
成功:{
标签:“保存”,
类名:“btn成功”,
回调:函数(){
var name=$('#name').val();
var answer=$(“输入[name='awesomeness']:选中”).val()
show(“Hello”+name+”。您选择了“+answer+”);
}
}
}
}
);
我想知道如何增加按钮之间的间距,以便它们放置得更远,看起来更宽敞,对话框的UI更漂亮。我不太擅长这些东西。我找了很多。请帮帮我。非常感谢你的帮助。多谢各位
如果可能,请给出一些代码和实例。再次感谢。您可以使用
或边距
属性在网页上的按钮之间添加间距
使用
:
您可以在第一个按钮的关闭标签和第二个按钮的打开标签之间使用
,如下所示
<button>Button 1</button> <button>Button 2</button>
要在左侧或右侧添加空间,请使用以下代码
.btn_name{
margin-right:10px;
}
你能设置一个包含你的HTML和CSS的
jsfiddle
吗?给按钮空白和/或填充。使用CSS并为按钮类提供所需的样式。i、 e..btn成功{边距:0 10px;}
。您可以对任何其他按钮执行相同的操作。在哪里添加样式-在脚本标记外部还是内部?谢谢zgood@AdminRelative你可以把它放在你的网站CSS文件中。您可以使其更通用,如下所示:.modal footer按钮{margin left:10px;}
.btn_name{
margin-right:10px;
}