Come posso creare un <select> con opzioni multilinea?

Ho bisogno di costruire un controllo di selezione multi-linea. Tutti gli <option> 's in cui il testo è più largo di 300 px (ad esempio) diventano avere le linee necessarie per non superare il limite indicato.Come posso creare un <select> con opzioni multilinea?

Queste immagini parlano da sole:

Prima di tutto ho provato questo, ma non funziona.

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

sto utilizzando framework bootstrap e ho pensato che forse avrei potuto usare il controllo a discesa per ottenere il risultato. Ho provato a impostare la proprietà CSS larghezza massima, ma non funziona anche ...

Come posso ottenere questo?

fonte

2013-03-12 harrison4

Qual è la domanda? –

non è possibile selezionare le opzioni di selezione a capo automatico: http://stackoverflow.com/questions/3587942/word-wrap-options-in-a-select-list. e tutto internet? come faceto. – PlantTheIdea

https://github.com/fnagel/jquery-ui/wiki/Selectmenu

penso che questo può aiutare, mai usato prima :)

fonte

2013-03-12 17:57:47 user666

funziona perfettamente! grazie davvero! – harrison4

Nessun problema Correzione: non ho mai usato prima nel modo in cui ne avevi bisogno ma è una buona spina;) – user666

<option> I tag hanno capacità limitate di stile e non supportano la formattazione.

È possibile utilizzare un JavaScript-based alternative. Ce ne sono molte là fuori se ti guardi intorno.

fonte

2013-03-12 17:54:42

Aggiunta, lo stile può essere eseguito anche in modo irregolare e specifico per il browser. –

ho trovato due link che spiega il motivo per cui non si può fare questo (e possibili soluzioni):

first link.

second link.

Spero che questo aiuti.

fonte

2013-03-12 18:03:22 n3k0

Questo avrebbe fatto un commento perfettamente carino, ma non è una buona risposta a causa della mancanza di dettagli. Confina con l'essere una "risposta solo per collegamento" – SeldomNeedy

Come posso creare un <select> con opzioni multilinea?

risposta

Problemi correlati