css - 隐藏 SPAN 溢出

Question

我正在尝试创建一个组合框样式的小部件(jquery-ui 兼容)，目前我正在尝试对框的静态布局进行排序。问题是当我在选择的值区域中有长文本时，它不会在 Firefox 中剪辑(它实际上换行)。我不想要这个并尝试了各种组合 overflow:hidden white-space:nowrap 等但在 Firefox 中它仍然包装。示例代码如下。

<a href="#" class="ui-widget ui-widget-content ui-custom-button ui-state-default ui-corner-all ui-helper-reset" style="padding-left:5px;text-decoration: none; width: 139px; ">
    <span style="float:right;margin-top:1px;border-left:1px solid #D3D3D3;" class="ui-custom-button-icon ui-icon ui-icon-triangle-1-s" ></span>
    <span style="line-height:1.5em;font-size:10px;margin-top:1px;overflow:hidden;height:16px;">If the text is very long then somethin</span>
</a>

任何人都可以提供任何帮助吗？

Answer 1

尝试给元素一个 display:block，或者将 SPAN 更改为 block 级元素，如 DIV。