如何让按钮跨越其所包含的卡片的宽度？

Question

我正在使用 Angular v6 和 Angular Material 为 Web 项目构建首页。我想知道，如何使按钮拉伸的宽度与其出现的材料卡组件的宽度相匹配？

这是我的代码：

<div style="padding:5px">
  <mat-card>
    <button mat-button style="background-color: #008CBA; width:100%;">Portfolio</button>
    <button mat-button style="background-color: #008CBA; width:100%;">Portfolio</button>
    <button mat-button style="background-color: #008CBA; width:100%;">Portfolio</button>
  </mat-card>
</div>

Answer 1

对于这样的事情，通常添加：

style="width: 100%; display: block;"

在按钮中会拉伸它。如果这不起作用，请进入检查按钮的元素并确保 max-width 未设置为低于 100% 的值（也可尝试 display: flex）。

请给出您的代码示例以获得更具体的答案。