浮動在角度自動補全不工作在FF

Question

我正在使用角自動補全，我打算顯示每行的兩個文本：一個在左邊，另一個在最右邊。我正在使用float：來實現這一點。它工作正常，除了在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> 

移動等跨度上面的浮動跨度修復它，但是當窗口的大小變小，跨度上相互重疊..我會想浮動範圍，只要有足夠的空間出現包含它。任何幫助將不勝感激。

Answer 1

利用角材的child alignment而不是使用浮動。

嘗試是這樣的（未測試）：

<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>