css - 在内容增长时跨越 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 样式中。