任何人都可以告诉我如何摆脱这两个按钮之间的空格？

Question

Remove spaces between buttons

<div ng-controller="AppCtrl">
    <md-content>
        <section layout="row" layout-phone="column" layout-align="center center">
            <md-button class="md-primary md-raised" md-theme="indigo">Button</md-button>
            <md-button class="md-primary md-raised" md-theme="indigo">Button</md-button> 
        </section>
    </md-content>
</div>

以下是带代码的工作示例。

非常感谢任何帮助。

Answer 1

摆脱差距

button{
  margin: 0 !important;
}

Answer 2

从.buttondemoBasicUsage部分.md按钮中删除边距，如下所示：

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 3

使用margin: 0在button标记上添加!important不是最好的解决方案。如果您的项目增长，您将在以后遇到问题。如果找不到其他解决方案，请尽量避免使用!important并仅使用 。

将margin: 1em;更改为margin: 1em 0;以保持顶部和底部并删除左右边距。删除整个保证金更改为margin: 0;

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