材质按钮之间的间距

Question

我的角度应用程序中有两个彼此相邻的材质按钮。我想在它们之间添加一点填充。但是当我将添加添加padding-right到左侧按钮时，我最终会这样：

|  button  ||  button  |

对此：

|  button         ||  button  |

但我想要的是这样的：

|  button  |       |  button  |

Answer 1

正如 @nitin9nair 评论，您需要的是样式属性或 CSS 类定义中的 margin 属性：

<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]

Answer 2

**

有很多方法可以解决这个问题。请看下面我的一些观察。- 您可以添加   （不间断空格）位于两个材质按钮之间。

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

• 第二种方法是您可以将样式 margin-right:10px 添加到按钮 1。不要按照给定的说明给出填充，您要给出填充（填充用于边框的内部间距。）您必须给出 margin-right 间距这是超出边界的间距。

**