Html 如何用省略号截断直线中间的内联元素而不连字符。

我有

结果，我得到了我想要的

---

但我在内联元素上使用float:right。我知道它是在块元素中自动转换的。在中间修剪一个字符串的正确决定是多少？如何最好地实施它？

您的意思是什么？正确的修剪决策是多少？你是在问这对用户体验是否是个好主意吗？不是。关于html和css规则的问题。你的html和css是有效的。

<div style="text-align: justify; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;">
    <span style=" float: right;">
        <span><a href="#"><i class="fa fa-caret-square-o-up fa-fw"></i></a></span>
        <span><a href="#"><i class="fa fa-search fa-fw"></i></a></span>
        <span><a href="#"><i class="fa fa-question fa-fw"></i></a></span>
        <span><a href="#"><i class="fa fa-ellipsis-v fa-fw"></i></a>           </span>
    </span>
    <span>
        <span><a><i class="fa fa-bars fa-fw"></i></a></span>
        <span>start long text long text long text long text end</span>
    </span>
    <span style="content: ''; display: inline-block; width: 100%; height: 0; font-size:0; line-height:0;"></span>
</div>