我正在尝试创建一个组合框样式的小部件(jquery-ui兼容)，而且我正在尝试获取框的静态布局排序。问题是当我在选择的值区域中有长文本时，它不会在Firefox中剪切(它实际包装)。我不想要这样做，并尝试各种组合overflow：hidden white-space：nowrap etc，但在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>
任何人都可以提供任何帮助吗？
詹姆士
解决方法
尝试给元素一个显示：块，或将SPAN更改为像DIV这样的块级元素。
