2013-04-06 5 views
18

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?

+1

intendi "overflow: hidden'? Per favore, sappiate che cosa significa "avvolgimento" significa – benams

+0

"involucro" significa che lo spazio bianco: nowrap; non funziona per non testo, il contenuto viene incapsulato (richiede più di 1 riga) – cur4so

+0

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

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>

Demo

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