Html 如何防止标签溢出到FF中带引导的多行上

我有一个

面板

和

面板主体

，其中包含动态数量的跨度元素。在Safari和Chrome中，它们看起来很好，当它们填满一行时会移动到下一行。在FF中，他们做了一个奇怪的溢出。请参考图片：

Chrome，Safari：

FF:

这些跨距是作为节点应用程序的一部分在ejs模板中创建的。这是怪癖还是我的错误？如果是先前的，是否有解决方法

    <div id="stops">
        <h4>Explore Individual Stops</h4>
        <% for (var d = 0; d < route.stops.length; d++) { %>
            <ul style="float:left">
                <h5><%= route.directions[d] %> Direction</h5>
                <% for (var i = 0; i < route.stops[d].length; i++) { %>
                    <li style="list-style-type:none">
                        <a href="/routes/<%= route.route_id %>/<%= d %>/<%= route.stops[d][i].stop_id %>"><%= route.stops[d][i].stop_name %></a>
                    </li>
                <% } %>
            </ul>
        <% } %>
    </div>

探索各个站点

方向

以下是一个跨度的示例，一旦渲染：

    <span class="label bus-lapel" 
                id = "BX16"
                style="background-color: #00AEEF;
                            color: #FFFFFF;" 
                onclick="gotoroute('BX16')"
                api-route-boro="Bronx" 
                api-route-desc="via E 233rd St / Nereid Av" 
                api-agency-id="MTA NYCT" 
                api-route-url="http://web.mta.info/nyct/bus/schedule/bronx/bx016cur.pdf">
        Bx16
    </span>

Bx16

很难说清楚，因为您还没有发布CSS，但我怀疑问题在于您将它们的样式设置为

内联块

，而问题是由于

元素中存在额外的空格。而不是

<span ...>
    Bx16
</span>

Bx16

你可以试试

<span ...>Bx16</span>

Bx16

或

Bx16

上面的代码是什么？你能发布一个单框html吗？@yjs我以一个问题为例编辑了原始问题。你能使用吗？谢谢，今晚我会试试这个-css是标准的Bootstrap 3，没有修改。

   <span ...><!--
    -->Bx16<!--
--></span>