html – 如何在角度2 材质上将md-cell内容与图标对齐？

概述从我的代码开始： <!-- Edit Column --><ng-container mdColumnDef="edit"> <md-header-cell *mdHeaderCellDef> {{'companies.edit-column' | translate}}</md-header-cell> <md-cell *mdCellDef="let element"><a (cli 从我的代码开始：

<!-- Edit Column --><ng-container mdColumnDef="edit">  <md-header-cell *mdheaderCellDef> {{'companIEs.edit-column' | translate}}</md-header-cell>  <md-cell *mdCellDef="let element"><a (click)="toCompany(element.ID)"><md-icon >edit</md-icon></a></md-cell></ng-container>

要求是将编辑图标的位置调整到右侧(关于材料设计的右侧填充)？现在它似乎被强行左对接了.将style =“{text-align：right}”应用于md-cell不起作用.

libs版本：

"@angular/material": "2.0.0-beta.10""@angular/cdk": "^2.0.0-beta.10","@angular/common": "^4.1.3"

解决方法 使用以下任何一种：

mat-cell{  display:flex !important;  justify-content:flex-end!important;}::ng-deep .mat-cell{  display:flex !important;  justify-content:flex-end!important;}

DEMO

总结

以上是内存溢出为你收集整理的html – 如何在角度2 /材质上将md-cell内容与图标对齐？全部内容，希望文章能够帮你解决html – 如何在角度2 /材质上将md-cell内容与图标对齐？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。