Relleno la parte superior y la parte inferior del elemento en línea

Question

Presupuesto de Head primera html:

Usted puede agregar relleno a la parte superior e inferior del elemento en línea, pero el relleno no afecta a la espaciamiento de los otros elementos en línea a su alrededor, por lo que el relleno se superpondrá a otros elementos en línea

a) Por lo que yo entiendo la cita anterior, la adición de relleno para la parte superior e inferior del elemento en línea no (nunca) tiene algún efecto en elementos circundantes y por lo tanto en el aspecto de la página ?!

b) Pero, ¿qué significa exactamente "relleno se superpondrá a otros elementos en línea"? ¿Quizás sugiera que, en ciertas circunstancias, el relleno (arriba y abajo de un elemento en línea) tendrá efecto sobre el aspecto de la página?

Gracias

Answer 1

Si he entendido bien, y desde un example acabo de hacer:

a) el texto es un elemento en línea, por lo que me añadir un lapso con la parte superior y el relleno inferior no está presionando las otras líneas

b) como puede ver, dado que he agregado un color al tramo, el color se superpondrá con las otras líneas.

espero que esto es a la vez la derecha, y responde a su pregunta: D

Answer 2

El relleno afectará al propio elemento. Por ejemplo, cualquier texto dentro del elemento será más acolchado de otros elementos DOM.

Answer 3

Prueba esto:

<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

Uso inline-block en su lugar. Agregue estas propiedades a todos los elementos en los que desea agregar relleno. Por ejemplo:

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