如何使用多行選項構建<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