我如何获得一个按钮来覆盖包含在其中的卡片的宽度？

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;"

按钮中的

会拉伸它。如果这不起作用，请进入按钮的检查元素，并确保最大宽度未设置为低于100％的任何值（尝试显示：也可以弯曲）。

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