Html 样式ul的宽度可容纳物品

很抱歉，我找不到类似的答案。我有以下标记（由jQueryUIAutoComplete生成，但这不是问题所在）

文本换行是因为宽度有限且国家/地区范围为“浮动”。我希望将宽度放大以适应整个长度，但如果我将
width:auto它将扩展到100%

背景

ul当然来自jQueryUIAutoComplete。我使用autocomplete.html扩展名对结果进行了一些样式设置。问题是，在firefox和chrome中，一切都正常，因为创建时自动完成设置为正确的宽度。在IE中，这不会发生（宽度太小），因此文本会换行。我希望得到一个简单的css专用解决方案，而不必在jQuery中胡闹。
Add
width:auto；显示：内联块

演示
添加
宽度：自动；显示：内联块

演示
将
显示：块
替换为
显示：内联块
并将
宽度：200px
替换为
宽度：自动
，这应该会起作用。
将
显示：块
替换为
显示：内联块
并将
宽度：200px
替换为
宽度：自动
，这应该就够了。
试试这个：

<ul style="z-index: 1; border: thin solid red; list-style: none outside none; float: left;">



并用以下内容替换跨度样式：

<span style="float: left;">text text text text text</span>

文本
试试这个：

<ul style="z-index: 1; border: thin solid red; list-style: none outside none; float: left;">



并用以下内容替换跨度样式：

<span style="float: left;">text text text text text</span>

文本
是的，这很有效。。。问题是jqueryui（它只使用“block”和“none”）正在更改display属性。还有其他想法吗？您可以在jquery中使用内联块而不是块。检查这里的示例演示我做到了这一点，它在Chrome和Firefox上运行正常，但不知道为什么IE没有移动。。。即使我在开发人员控制台中手动更改css，菜单也不会调整大小，文本保持包装状态……是的，这很有效。。。问题是jqueryui（它只使用“block”和“none”）正在更改display属性。还有其他想法吗？您可以在jquery中使用内联块而不是块。检查这里的示例演示我做到了这一点，它在Chrome和Firefox上运行正常，但不知道为什么IE没有移动。。。即使我在dev控制台中手动更改css，菜单也不会调整大小，文本保持包装状态……这似乎可以完成任务。我必须给
a
标记指定一个“高度”，否则悬停上的突出显示将只是实际线上方的一条窄线。这是一个有点黑客，但它实际上看起来像是最好的解决方案。将进行进一步的交叉浏览测试…：）接受，因为它指向了正确的方向。由于我无法控制ul样式（jQueryUI在那里添加了自己的东西），我不得不修改“a”样式，使其具有高度。这似乎就完成了工作。我必须给
a
标记指定一个“高度”，否则悬停上的突出显示将只是实际线上方的一条窄线。这是一个有点黑客，但它实际上看起来像是最好的解决方案。将进行进一步的交叉浏览测试…：）接受，因为它指向了正确的方向。因为我无法控制ul样式（jqueryui在那里添加了自己的东西），所以我不得不修改“a”样式，使其具有高度。