Css div内的跨距在内容增长时不隐藏 ..........

可能是个愚蠢的问题。。我不是css专家。。 我已经给出了包装器div的宽度，以便它能够容纳26个跨度，正如我上面提到的。我的要求是，如果跨度的#增加，那么这些额外的跨度应该隐藏起来。有了这段代码，它将进入下一行。div中的溢出属性不起作用。。 应该只使用css来实现这一点。。没有脚本。。

---

有人能帮忙吗？

如果你不想让文本换行，你可以在你的div样式中添加

空白：nowrap

。

我已经测试过了，效果很好，如果你想得到更多帮助，请提供

代码笔

或

jsfiddle

来进一步说明这个问题。

<div style="width: 884px; overflow:hidden;position:relative;" class="fleft" id="CellHolder">
<span count="1" title="click to select" class="fleft"><a href="javascript:void(0)">1</a></span>
<span count="2" title="click to select" class="fleft"><a href="javascript:void(0)">2</a></span>
<span count="3" title="click to select" class="fleft"><a href="javascript:void(0)">3</a></span>
<span count="4" title="click to select" class="fleft"><a href="javascript:void(0)">4</a></span>
<span count="5" title="click to select" class="fleft"><a href="javascript:void(0)">5</a></span>
<span count="6" title="click to select" class="fleft"><a href="javascript:void(0)">6</a></span>
..........
</div>