md-list-icon或md-button右对齐? (角材料2)
任何方式如何使右对齐如按钮/图标/复选框在材料1:md-list-icon或md-button右对齐? (角材料2)
https://material.angularjs.org/latest/demo/list
我目前(材料2)具有:
<md-list>
<md-list-item *ngFor="let position of cart">
<h3 md-line> {{ position.name }} </h3>
<p md-line>
<span> Line 1 </span>
</p>
<md-icon md-list-icon>delete</md-icon>
</md-list-item>
</md-list>
对于上述内容,解决方案非常简单,只需在您的选择中省略mat-list-icon
Tor和材料会做的魔力:
<mat-list>
<mat-list-item *ngFor="let position of cart">
<h3 mat-line> {{ position.name }} </h3>
<p mat-line>
<span> Line 1 </span>
</p>
<div> $2.00 </div>
<button mat-icon-button (click)="remove(1)">
<mat-icon class="mat-24">delete</mat-icon>
</button>
</mat-list-item>
</mat-list>
之后发布它,你打算省略'MD-列表icon'!? ;) –
@ MA-Maddin是的,当然:) – srokatonie
您还可以DIR实现这一属性
<md-list dir="rtl">
...
</md-list>
这是一个可怕的解决方案。请注意,如果您使用多个图标(如图所示的示例图),图标将以相反的顺序结束。此外,屏幕阅读器可能会以错误的顺序读出控件。不要这样做。 'dir =“rtl”'适用于以下情况:内容在逻辑上首先被解释为右侧的项目,而不是在视觉上重新排列事物。 – Jules
嗯,没有角仍在使用用于定制的CSS?这将意味着这是一个简单的'float:right;' –
float:right不工作...在玩了一段时间后,我想出了一个解决方案,我会在 – srokatonie