Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 有人能告诉我如何去掉这两个按钮之间的空格吗?_Javascript_Css_Angular_Button - Fatal编程技术网

Javascript 有人能告诉我如何去掉这两个按钮之间的空格吗?

Javascript 有人能告诉我如何去掉这两个按钮之间的空格吗?,javascript,css,angular,button,Javascript,Css,Angular,Button,按钮 按钮 下面是代码的工作示例 非常感谢您的任何帮助。请去掉页边空白 按钮{ 边距:0!重要; } 删除.buttonedemobasicusage节.md按钮的边距,如下所示: .buttonedemobasicusage节.md按钮{ 显示:块; 线高:25px; }添加页边距:0并不是最好的解决方案,总的来说按钮用标记!重要信息。如果你的项目增长了,你以后会有问题的。尽量避免!重要信息,仅在找不到其他解决方案时使用它 更改边距:1em输入到边距:1em 0保留顶部和底部,并删除左右边


按钮
按钮
下面是代码的工作示例


非常感谢您的任何帮助。

请去掉页边空白

按钮{
边距:0!重要;
}

删除.buttonedemobasicusage节.md按钮的边距,如下所示:

.buttonedemobasicusage节.md按钮{
显示:块;
线高:25px;

}
添加
页边距:0
并不是最好的解决方案,总的来说
按钮
标记!重要信息
。如果你的项目增长了,你以后会有问题的。尽量避免
!重要信息
,仅在找不到其他解决方案时使用它

更改
边距:1em输入到
边距:1em 0保留顶部和底部,并删除左右边距。要删除整个边距,请更改为
边距:0

.buttondemoBasicUsage section .md-button {
        display: block;
        line-height: 25px;
        margin: 1em 0;
    }

在代码笔示例中,右键单击并检查按钮。您将发现一个
margin
CSS属性,其值为
1em
。如果将其更改为
.5em
,按钮之间的距离将减小。这可能是一个开始的好地方。不管怎样,这似乎是外部CSS,您是否必须在此处针对边距属性编写一个覆盖样式检查您的元素(右键单击inspect element),然后您将能够看到
。buttondemoBasicUsage节。md按钮
周围有1m边距。去掉这个,你就消除了你的差距
.buttondemoBasicUsage section .md-button {
        display: block;
        line-height: 25px;
        margin: 1em 0;
    }