CSS: line-break ignora il riempimento?

ho idea perché questo sta accadendo ...CSS: line-break ignora il riempimento?

<div class="inner"> 
    <em class="wrapper tiny">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et </em> 
</div>

.inner ha applicato una semplice margine sinistro e destro. il tag em.wrapper ha applicato un riempimento.

Non ho idea del motivo per cui la seconda riga viene automaticamente interrotta dalla larghezza del browser che ignora il riempimento della casella .wrapper?

Qualche idea al riguardo?

enter image description here

fonte

2012-05-15 matt

accettare la risposta di Michael. – LinusGeffarth

Il tag è emdisplay: inline per impostazione predefinita. Prova ad aggiungere display: inline-block alla definizione della classe.

.wrapper { 
    /* ... */ 
    display: inline-block; 
}

fonte

2012-05-15 15:06:10

Questo mi ha aiutato molto - grazie. Funziona bene. @matt Contrassegnalo come risposta. – Hexodus

Questa dovrebbe essere la risposta accettata. – funkju

Questa è la risposta automatica a questo problema. Ho avuto anche il problema, oggi. Ho usato una span, che è un elemento in linea, quindi l'ho modificato in un elemento di blocco ('display: block;' o 'display: inline-block' dovrebbe farlo anche lui) e ha funzionato perfettamente. –

tuo imbottitura è impostato su 0

padding: 0 0.75em

significa superiore e inferiore padding padding sono 0px e che padding a sinistra ea destra sono padding 0.75em.

aggiornamento che la linea di CSS: Hey OP, si consideri

padding : 0.75em

fonte

2012-05-15 15:17:33 ColBeseder

in realtà, ho dato un'altra occhiata alla domanda e questo non è vero. – ColBeseder

CSS: line-break ignora il riempimento?

risposta

Problemi correlati