css - Material 按钮之间的间距

Question

我的 Angular 应用程序中有两个 Material 按钮彼此相邻。我想在它们之间添加一点填充。但是，当我将 add padding-right 添加到左侧按钮时，我最终会从这里开始:

|  button  ||  button  |

对此:

|  button         ||  button  |

但我想要的是:

|  button  |       |  button  |

Answer 1

作为@nitin9nair 评论，你需要的是 margin 属性，在样式属性或 CSS 类定义中:

<button style="margin-right:20px">Button 1</button> <button>Button 2</button>

如果你使用 flex-layout，你也可以使用 fxLayoutGap 指令。

<div fxLayout="row wrap" fxLayout.xs="column" fxLayoutGap="10px grid"><button>Button 1</button> <button>Button 2</button>

更多信息:[https://github.com/angular/flex-layout/wiki/fxLayoutGap-API][1]