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;

}

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

R语言ggplot2可视化自定义图例标签间距实战：自定义图例标签间距、自定义图例与图像之间的间距
R语言ggplot2可视化自定义图例标签间距实战:自定义图例标签间距.自定义图例与图像之间的间距目录
html消除图之间间距,html表格间距怎么取消 html 表格行之间的间距怎么设置
html怎么去掉表格与表格之间的间距添加 cellspacing="0" 即可. 第一行第一列第一行第二列第一行第三列第二行第一列第二行第二列第二行第二列效果如下: 使用Html ...
css grid随页面大小_CSS中的间距知识总结，前端开发中各种间距的使用及优缺点
本文经作者授权翻译,来源:https://ishadeed.com,作者:Ahmad Shadeed 如果两个或多个元素很接近,那么用户就会认为它们以某种方式属于彼此.当对多个设计元素进行分组时,用户 ...
表格列与列之间的间距
往往我们在做表格时不希望列与列之间有太大的间距.这时设置border-width:0px 也是无济于事感觉还是有很大的间距其原因在于两个单元格的边在作怪.border-collapse:co ...
python设置横坐标间隔_如何在matplotlib中更改刻度之间的间距？
刻度标签之间的间距完全由轴上刻度之间的间距决定.因此,在给定的ticklabel之间获得更多空间的唯一方法是使轴更大. 为了确定标签不重叠所需的空间,可以找出最大的标签并将其长度乘以滴答标签的数量.然 ...
根据上面的products列表写一个循环，不断询问用户想买什么，用户选择一个商品编号，就把对应的商品添加到购物车里，终用户输入q退出时，打印购买的商品列表。
一.问题: 现有商品列表如下: 1.products = [["iphone",6888],["MacPro",14800],["小米6", ...
写一个循环，不断的问用户想买什么，用户选择一个商品编号，就把对应的商品添加到购物车里，最终用户输入q退出时，打印购物车里的商品列表
写一个循环,不断的问用户想买什么,用户选择一个商品编号,就把对应的商品添加到购物车里,最终用户输入q退出时,打印购物车里的商品列表写一个循环,不断的问用户想买什么,用户选择一个商品编号,就把对应的商 ...
Android 基础知识4-3.3 Button（按钮）与ImageButton（图像按钮）详解
一.引言今天给大家介绍的Android基本控件中的两个按钮控件,Button普通按钮和ImageButton图像按钮: 其实ImageButton和Button的用法基本类似,至于与图片相关的则和后 ...
编辑按钮 php,自定义百度编辑器菜单按钮
首先打开自定义字段中的百度编辑器字段属性,如下图选择自定义,然后在工具栏中写上想要的按钮英文字符,格式如下:'按钮字母', '按钮字母2', '按钮字母3' 完整的按钮表:'undo', 'redo ...

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

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

最新文章

热门文章