Question

我需要构建一个多行选择控件。文本宽度大于300px的所有<option>（例如）变得必要的行不超过上述限制。

这些图片不言自明：

首先我尝试了这个，但是没有用。

<html>
    <head>
        <style>
            option{
                width: 100px; 
                white-space: wrap;
            }

        </style>
    </head>
    <body>
        <select>
            <option>I'm short</option>
            <option>I'm medium text</option>
            <option>I'm a very very very very very very very very very long text</option>
        </select>   
    </body>
</html>

我正在使用bootstrap框架，我想也许我可以使用下拉控件来获取结果。我已经尝试设置max-width CSS属性，但它也不起作用......

我怎样才能做到这一点？

Answer 1

<option>标记的样式功能有限，不支持格式化。

您可以使用JavaScript-based alternative。如果你环顾四周，那里有很多。

如何使用多行选项构建<select>？</select>

1 个答案: