首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >材质按钮之间的间距

材质按钮之间的间距
EN

Stack Overflow用户
提问于 2019-06-25 21:02:51
回答 3查看 5.7K关注 0票数 2

在我的angular应用程序中,我有两个相邻的材质按钮。我想在它们之间添加一点填充。但当我将add padding-right添加到左侧按钮时,我的结果是:

代码语言:javascript
运行
复制
|  button  ||  button  |

要这样做:

代码语言:javascript
运行
复制
|  button         ||  button  |

但我想要的是:

代码语言:javascript
运行
复制
|  button  |       |  button  |
EN

回答 3

Stack Overflow用户

发布于 2020-09-03 18:18:00

作为@nitin9nair注释,在style属性或CSS类定义中,您需要的是margin属性:

代码语言:javascript
运行
复制
<button style="margin-right:20px">Button 1</button> <button>Button 2</button>

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

代码语言:javascript
运行
复制
<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

票数 2
EN

Stack Overflow用户

发布于 2022-01-19 20:18:57

您还可以编写一个css选择器,它为同级添加边距。因此,这将不适用于第一个按钮,但适用于所有后续按钮。在这种情况下是垫起的按钮。只需调整css选择器来选择需要间距的元素即可。

代码语言:javascript
运行
复制
.mat-raised-button ~ .mat-raised-button {
  margin-left: 10px;
}
票数 0
EN

Stack Overflow用户

发布于 2019-06-26 18:29:54

**

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

/button>

  • second
  • <
  • type=" button ">Button 1< /button> type=;;< button 2<“button”>button right方式是您可以将样式-right:10px添加到button 1。不要将padding作为您正在给出的padding指令(padding用于内部间距到边框。)您必须给出右边距间距,即超出边界的间距。

**

票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56754739

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档