在我的angular应用程序中,我有两个相邻的材质按钮。我想在它们之间添加一点填充。但当我将add padding-right添加到左侧按钮时,我的结果是:
| button || button |要这样做:
| button || button |但我想要的是:
| button | | button |发布于 2020-09-03 18:18:00
作为@nitin9nair注释,在style属性或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
发布于 2022-01-19 20:18:57
您还可以编写一个css选择器,它为同级添加边距。因此,这将不适用于第一个按钮,但适用于所有后续按钮。在这种情况下是垫起的按钮。只需调整css选择器来选择需要间距的元素即可。
.mat-raised-button ~ .mat-raised-button {
margin-left: 10px;
}发布于 2019-06-26 18:29:54
**
有很多方法可以解决这个问题。请看下面我的一些观察结果。-您可以在两个材质按钮之间添加空格(不间断)。
/button>
**
https://stackoverflow.com/questions/56754739
复制相似问题