html – 想要在按钮之间添加间距

概述哟all.我是Admin的亲戚.我有一个简单的任务,在对话框中的按钮之间添加空格,如下面从 http://bootboxjs.com/examples.html获得的示例代码中所示.想象一下这个例子中有多个按钮.喜欢保存,删除,取消,确认. bootbox.dialog({ title: "This is a form in a modal.", 哟all.我是admin的亲戚.我有一个简单的任务,在对话框中的按钮之间添加空格,如下面从 http://bootboxjs.com/examples.html获得的示例代码中所示.想象一下这个例子中有多个按钮.喜欢保存,删除,取消,确认.

bootBox.dialog({                Title: "This is a form in a modal.",message: '<div >  ' +                    '<div > ' +                    '<form > ' +                    '<div > ' +                    '<label  for="name">name</label> ' +                    '<div > ' +                    '<input ID="name" name="name" type="text" placeholder="Your name" > ' +                    '<span >Here goes your name</span> </div> ' +                    '</div> ' +                    '<div > ' +                    '<label  for="awesomeness">How awesome is this?</label> ' +                    '<div > <div > <label for="awesomeness-0"> ' +                    '<input type="radio" name="awesomeness" ID="awesomeness-0" value="Really awesome" checked="checked"> ' +                    'Really awesome </label> ' +                    '</div><div > <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>");                        }                    }                }            }        );

我想知道如何增加按钮之间的间距,使它们放置得更远,看起来很宽敞,对话框的UI更漂亮.我对这些东西并不擅长.我搜索了很多.请帮我.非常感谢您的帮助.非常感谢你.

如果可能的话,请提供一些代码和实例.再次感谢你.

解决方法 你可以用& nbsp;或margin属性,用于在网页上的按钮之间添加间距.

使用& nbsp; ：

你可以用& nbsp;在第一个按钮的结束标记和第二个按钮的开始标记之间,如下所示.

<button>button 1</button> &nbsp;&nbsp;&nbsp; <button>button 2</button>

你可以添加更多& nbsp;用于增加更多空间.

使用保证金属性：

您可以通过在其两侧添加边距来添加两个对象之间的间距. CSS代码如下,

.btn_name{    margin-left:10px;}

要在左侧添加空间,或者您可以使用以下代码在右侧添加空间,

.btn_name{    margin-right:10px;}

总结

以上是内存溢出为你收集整理的html – 想要在按钮之间添加间距全部内容，希望文章能够帮你解决html – 想要在按钮之间添加间距所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。