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

我需要构建一个多行选择控件。所有<option>的文本宽度超过300像素（例如）变得有必要的行数不超过上述限制。如何使用多行选项构建<select>？

这些图像不言自明：

首先我想这一点，但不起作用。

<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>

我使用引导框架，我想也许我可以使用下拉控件来获得结果。我试过设置最大宽度的CSS属性，但它不工作太...

我该如何实现这一目标？

来源

2013-03-12 harrison4

问题是什么？ – 2013-03-12 17:55:09

你不能自动换行选择选项：http://stackoverflow.com/questions/3587942/word-wrap-options-in-a-select-list。和所有的互联网？多么face。。 – PlantTheIdea 2013-03-12 17:55:30