Angular 如何在md列表项中向右浮动md按钮

我很难让md按钮浮动到待办事项列表的右侧。我在angular material模块中使用angular 4x和flexLayout

我的代码如下：

。列表项{
宽度：100%；
边框底部：1px实心#CCC；
}
.列表项按钮.材质图标{
字体大小：16px；
填充：0；
}
.列表项：悬停按钮{
显示：块；
}
.列表项按钮{
显示：块；
浮动：对；
保证金：4px 5px；
宽度：30px；
高度：30px；
}
.list项/deep/.md复选框标签{
利润率：10px0；
}

{{todo.title}
永远删除你

尝试向md列表项添加

fxLayoutAlign=“中心之间的空间”

，如下所示：

<md-list-item *ngFor="let todo of todos" fxLayout="row" fxLayoutAlign="space-between center" class="list-item">
       <md-checkbox (click)="toggleTodoComplete(todo)" color="primary">
            <span [class.completed]="todo.complete">{{todo.title}} </span>
       </md-checkbox>
       <button md-mini-fab (click)="removeTodo(todo)">
           <md-icon>delete_forever</md-icon>
       </button>        
</md-list-item>

{{todo.title}
永远删除你

---

此外，您可能需要删除

display:block；浮动：对
谢谢Andrei，不幸的是仍然无效。按钮仍与复选框对齐