Angular material 材质按钮之间的间距

在我的角度应用程序中，有两个材质按钮紧挨着。我想在它们之间加一点填充物。但是，当我在左侧按钮上添加add

padding right

时，我的结果是：

|  button  ||  button  |

为此：

|  button         ||  button  |

但我想要的是：

|  button  |       |  button  |

**

有很多方法可以解决这个问题。请看下面我的一些建议 观察。 -您可以添加；（非中断空间）在两个材质按钮之间

• 按钮1 ；<按钮类型=“按钮”>按钮2

• 第二种方法是，您可以将样式边距向右添加：10px到按钮1。不要像你给出的指令那样给出填充 padding（padding是指内部到边框的间距）。您必须给出 边距右间距，即超出边界的间距

**

---

作为@nitin9nair注释，您需要的是样式属性或CSS类定义中的边距属性：

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

按钮1按钮2

如果使用flex布局，也可以使用fxLayoutGap指令

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

按钮1按钮2

---

更多信息：[https://github.com/angular/flex-layout/wiki/fxLayoutGap-API][1] 要在两个按钮之间添加空格，请在第一个按钮上添加

右边距：10px

。但只有当两个按钮相邻时，这才是好的。请在自定义CSS类中使用此样式。边距是元素边框和其他元素之外的空间，而填充是元素边框和内部内容之间的空间。