多选择固定宽度的问题太长选项

我有这样的：多选择固定宽度的问题太长选项

<select id="combo1" size="7" name="operacion"> 
    <option selected="" value="000">Selecciona una categoría</option> 
    <option value="1">"AUTORIZACIÓN PARA TRABAJAR POR CUENTA PROPIA"</option> 
    <option value="2">"MODIFICACIONES"</option> 
    <option value="3">"RENOVACIÓN"</option>       
</select>

而且它的宽度是固定的，但因为它发生的选项来自数据库他们有时太长，而且也没有我可以看到他们。

你可以在这里看到：http://jsfiddle.net/vN47R/

我能找到的唯一的事情就是In a fixed width <select multiple> html box, is there a way to see text options that are to long?，但没有帮助我。

来源

2011-09-14 Elaine Marley

这可能有所帮助：http://stackoverflow.com/questions/4258723/fix-size-drop-down-with-long-text-in-options-restricted-view-in-ie或http：// stackoverflow .com/questions/1787620/wrapping-text-within-a-multiple-select-list –

是的，我怀疑这不会有一个简单的CSS解决方案：S –

您可以设置该选项标题，这样，当你点处的项目的文本显示为工具提示：

<option value="1" title="AUTORIZACIÓN PARA TRABAJAR POR CUENTA PROPIA">"AUTORIZACIÓN PARA TRABAJAR POR CUENTA PROPIA"</option>

演示：http://jsfiddle.net/Guffa/vN47R/2/

我在一些浏览器中测试过它，至少它在IE 9，Firefox 6，Chrome 13和Opera 11中工作。但是，它自然不适用于你无法指向的环境该项目，为例如在电话上。

来源

2011-09-14 07:35:05 Guffa

尝试使用word-break: break也许white-space: normal

来源

2011-09-14 07:31:24 simoncereska

没有那些wroked我 –

那样我会推荐jQuery插件的选择http://abeautifulsite.net/blog/2011/01/jquery-selectbox-plugin/这种方式，你将能够风格选择容易 – simoncereska

试试这个：

环绕你选择框在一个DIV，并在其上设置overflow-x: scroll属性，然后指定的宽度。然后，从您的SELECT框本身取出特定的宽度。这样，根据内容，SELECT框将根据需要展开，并且您将在DIV上获得水平滚动条。唯一的缺点是，如果你没有设置足够高的高度，你将不得不滚动到右边以在你的SELECT框中向下滚动。

来源

2011-09-14 07:47:47 chrishall78

我做到了，如果任何人都可以使用它：http：/ /jsfiddle.net/vN47R/12/对我来说，它将无法正常工作，因为我无法控制选项的数量将在选择和双滚动将失败，但谢谢你的想法 –

要消除双滚动，在DIV存储器上设置“overflow-y：hidden”核能研究所。这些是CSS3选项，因此它们不适用于IE 8和更旧版本的浏览器。 – chrishall78

多选择固定宽度的问题太长选项

回答

相关问题