Mi sono imbattuto in un problema davvero strano. (http://jsfiddle.net/Fq68D/)Problema strano con padding e spazi vuoti: nowrap in Chrome e IE
HTML
<div>
<p>Hello World!</p>
</div>
CSS
div {
display:inline-block;
}
p {
background-color:#ccc;
padding:10%;
white-space:nowrap;
}
In Firefox funziona come previsto, il testo si inserisce in p, e ha imbottitura,
Mentre in Chrome e IE testo diventa fuori dalla scatola.
che cosa provoca questo? Qualche soluzione alternativa?
Questo ha a che fare con la percentuale di imbottitura. Si prega di consultare http://stackoverflow.com/questions/9320934/quirky-percentage-interpretation-in-webkit – Sablefoste
Se carico il violino, vedo il problema, ma quando faccio clic su run si corregge da solo. – j08691
@ j08691, strano, lo stesso accade quando si ispeziona l'elemento p in chrome, e si disabilita, quindi si riabilita il padding. – Tonik