Question

我使用角度自动完成功能，我打算为每一行显示两个文本：一个在左边，另一个在最右边。我使用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>

将浮动跨度移动到另一个跨度之上会修复它，但是当窗口大小变小时，跨度会相互重叠。只要有足够的空间来容纳它，我就会想要浮动跨度。任何帮助将不胜感激。

Answer 1

使用角度材料this而不是使用浮动。

尝试这样的事情（未经测试）：

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

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

1 个答案: