我似乎无法将这个容器包裹在md卡中.
在我的材料卡片中,我有这个：
<div class="mat-card-header-text"> </div>
我见过别人注意到了.它会在我的标题左侧产生40px的空间.没有CSS似乎也会影响它.
我正在使用Angular 4.x和Material2.
这个额外的div实际上很烦人.事实证明,您可以使用阴影穿孔为其应用样式而无需更改CSS仿真模式.你可以使用:: ng-deep组合器这样做：
原文链接：https://www.f2er.com/angularjs/141376.html::ng-deep .mat-card-header-text {
/* CSS styles go here */
margin: 0px; // for example to remove the margin
}
您也可以使用自己的CSS类替换整个标头：
<mat-card>
<div class="your-header">
<div class="your-title">
Your title here
</div>
</div>
<mat-card-content>
Stuff goes here
</mat-card-content>
</mat-card>
