材质按钮之间的间距

Question

我的角度应用程序中有两个紧挨着的材质按钮。我想在它们之间添加一些填充。但是，当我在左侧按钮中添加padding-right时，最终会从以下内容开始：

|  button  ||  button  |

对此：

|  button         ||  button  |

但是我想要的是这个

|  button  |       |  button  |

Answer 1

作为@ nitin9nair注释，您需要的是margin属性，在style属性或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]

Answer 2

  

**

     

有很多方法可以解决此问题。请看下面我的一些   观察。    -您可以添加＆nbsp; （两个实物按钮之间）（不间断空格）。

     

  

• 按钮1 ＆nbsp; ＆nbsp; 按钮2

  

• 第二种方法是您可以向按钮1添加margin-right：10px样式。   padding（padding是内部到边框的间距。）您必须给   边距-右间距，即超出边界的间距。

  

     

**