Rembourrage le haut et le bas de l'élément en ligne

Question

Citation du Chef premier html:

Vous pouvez ajouter un rembourrage en haut et en bas de l'élément en ligne, mais le rembourrage ne modifie pas la l'espacement des autres éléments en ligne autour d'elle, de sorte que le rembourrage se chevaucher d'autres éléments en ligne

a) pour autant que je comprends la citation ci-dessus, en ajoutant un rembourrage à la partie supérieure et inférieure de l'élément de ligne ne fonctionne pas (toujours) avoir des effets sur les éléments environnants et donc sur le look de la page ?!

b) Mais qu'entend-on exactement par "padding chevaucher d'autres éléments en ligne"? Cela suggère-t-il que dans certaines circonstances, le rembourrage (haut et bas d'un élément en ligne) aura un effet sur le look de la page ?!

thanx

Answer 1

Si je comprends bien, et d'un example je viens de faire:

a) le texte est un élément en ligne, donc me ajoutant une période avec le dessus et le rembourrage inférieur b) comme vous pouvez le voir, puisque j'ai ajouté une couleur à la plage, la couleur chevauchera les autres lignes.

J'espère que cela est à la fois à droite, et répond à votre question: D

Answer 2

Le rembourrage aura une incidence sur l'élément lui-même. Par exemple, tout texte dans l'élément sera plus rembourré à partir d'autres éléments DOM.

Answer 3

Essayez ceci:

<style type="text/css"> 
    div { background: blue; height: 4em; padding: 1em } 
    span { background: red; padding: .5em; } 
</style> 

<div> 
    <span>one</span> 
    <br/> 
    <span>two</span> 
</div> 

Answer 4

Utiliser inline-block à la place. Ajoutez ces propriétés à tous les éléments sur lesquels vous souhaitez ajouter un remplissage. Par exemple:

a:link { 
display: inline-block; 
display: -moz-inline-box; 
-moz-box-orient: vertical; 
vertical-align: top; 
zoom: 1; 
*display: inline; 
}