angular – 你如何使用material2卡中的mat-card-header-text处理div?

前端之家收集整理的这篇文章主要介绍了angular – 你如何使用material2卡中的mat-card-header-text处理div?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我似乎无法将这个容器包裹在md卡中.

在我的材料卡片中,我有这个:

<div class="mat-card-header-text"> </div>

我见过别人注意到了.它会在我的标题左侧产生40px的空间.没有CSS似乎也会影响它.

我正在使用Angular 4.x和Material2.

这个额外的div实际上很烦人.事实证明,您可以使用阴影穿孔为其应用样式而无需更改CSS仿真模式.你可以使用:: ng-deep组合器这样做:
::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>

猜你在找的Angularjs相关文章