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;
}