当内容增长时，div内部不会隐藏

Question

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

可能是个愚蠢的问题..我不是css专家.. 我已经给出了包装div的宽度，以便它可以容纳26个跨度，如上所述。我的要求是，如果跨度增加，则应隐藏这些额外跨度。使用此代码，它将进入下一行。 div中的溢出属性不起作用.. 应该用css实现这个..没有脚本.. 谁能帮忙？

Answer 1

如果您不希望文本换行到下一行，可以将white-space: nowrap添加到div样式。