Esiste un modo per evitare di avvolgere il contenuto di di div
quando il contenuto non è solo testo, ad es. diversi pulsanti?L'anteprima dei CSS non include elementi di testo?
18
A
risposta
25
white-space:nowrap;
dovrebbe fare il trucco.
#foo {
white-space:nowrap;
width: 100px;
}
<div id="foo">
<input type="button" value="hello"/>
<input type="button" value="hello"/>
<input type="button" value="hello"/>
<input type="button" value="hello"/>
<input type="button" value="hello"/>
<input type="button" value="hello"/>
<input type="button" value="hello"/>
</div>
+0
Demo non funziona nel mio browser (Chrome 60.0.3112.113). Ho dovuto aggiungere "overflow: hidden" a "#foo". – Sven
-1
È possibile dichiarare posizioni statiche per gli altri contenuti utilizzando
position:absolute;
0
È possibile impostare entrambe queste proprietà nei CSS:
white-space:nowrap;
e max-width:something;
Problemi correlati
- 1. Non si visualizza l'allipide di testo CSS
- 2. non cancellato elementi classe css
- 3. Jquery nextUntil include i nodi di testo
- 4. Include: css con estensione di file php?
- 5. elementi di input di stile CSS
- 6. ColdFusion cfstatic include tutti i file CSS
- 7. gradiente di testo css
- 8. Ordinamento di elementi in base alla classe CSS e testo non funzionante
- 9. Esiste una versione di scintilla (scilexer.dll) che include il lexing "style" (CSS) per HTML?
- 10. Query media di elementi CSS e larghezza degli elementi
- 11. Netbeans - Include CSS per tutti i file
- 12. Include i file .css in asp.net
- 13. Spring MVC: include file statici/javascript, css
- 14. opacità CSS e bambino elementi
- 15. Elementi di ri-centraggio CSS su involucro
- 16. Elementi pseudo CSS in React
- 17. CSS selezionare prossimi due elementi
- 18. CSS la larghezza include il padding?
- 19. Nascondi testo, lascia elementi icona
- 20. Gradiente CSS su più elementi
- 21. La trasformazione CSS non funziona sugli elementi in linea
- 22. Perché l'ambito dei tipi nidificati non include le classi derivate?
- 23. Styling testo di input CSS
- 24. Attivazione CSS: selettore attivo per elementi non di ancoraggio
- 25. Ellissi CSS con elementi in linea?
- 26. virtualenv non include pip
- 27. Nascondi testo se non rientra in una riga con CSS
- 28. CSS con il testo
- 29. Allineare verticalmente due parti di testo con diverse dimensioni dei caratteri utilizzando CSS
- 30. CSS: solo sfondo opacità, non il testo all'interno
intendi "overflow: hidden'? Per favore, sappiate che cosa significa "avvolgimento" significa – benams
"involucro" significa che lo spazio bianco: nowrap; non funziona per non testo, il contenuto viene incapsulato (richiede più di 1 riga) – cur4so
Si prega di mostrare un caso in cui 'white-space: nowrap' non funziona per i pulsanti. Gli elementi 'Button' sono contenuti di testo, in termini HTML e CSS. –