Html 在角度自动完成中向右浮动不在FF中工作

我正在使用angular autocomplete，我打算为每行显示两个文本：一个在左边，另一个在最右边。我使用float:right来实现这一点。除了在firefox上，它工作正常

<md-item-template>
<span md-highlight-text="ctrl.searchText" md-highlight-flags="^i">    {{item.display}}</span>
<span style="float: right;">this should be on the far right</span>
</md-item-template>

{{item.display}
这应该在最右边

---

将浮动跨距移到另一跨距的上方可以修复该跨距，但当窗口大小变小时，跨距会相互重叠。。只要有足够的空间容纳它，我就希望浮动跨度出现。如有任何帮助，我们将不胜感激。

请使用角材料，而不是使用浮子

尝试以下方法（未经测试）：

{{item.display}
这应该在最右边

<md-item-template>
    <div layout="row" layout-align="space-between center">
        <span md-highlight-text="ctrl.searchText" md-highlight-flags="^i">
            {{item.display}}
        </span>
        <span>this should be on the far right</span>
    </div>
</md-item-template>