Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] padding hacia adentro

Estas en el tema de padding hacia adentro en el foro de CSS en Foros del Web. tengo un div. el div tiene una altura , y dentro tengo dos textos, quiero darle padding para que separe pero lo que consigo es ...
  #1 (permalink)  
Antiguo 07/06/2014, 15:55
Avatar de herzbazi  
Fecha de Ingreso: febrero-2012
Mensajes: 612
Antigüedad: 12 años, 9 meses
Puntos: 36
Pregunta padding hacia adentro

tengo un div. el div tiene una altura , y dentro tengo dos textos, quiero darle padding para que separe pero lo que consigo es que la caja se haga mas grande, se que con box-sizing se puede hacer el padding por adentro podrian darme la fuente para leer sobre el tema o bien explicarme

gracis
__________________
Enseña todo lo que sepas...
Aprende todo lo que puedas..
  #2 (permalink)  
Antiguo 07/06/2014, 17:05
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: padding hacia adentro

Le pones el valor de padding-box, aunque el valor más común y más compatible es border-box. La diferencia entre ambos es que el primero también sirve para que el borde vaya hacia el interior.

Código CSS:
Ver original
  1. div {
  2.   box-sizing: border-box;
  3. }

Yo lo que hago es meterlo en un selector universal, así cambio todo el modelo de caja en el sitio y me quito de hacer cálculos extraños:

Código CSS:
Ver original
  1. * {
  2.   box-sizing: border-box;
  3. }

Para leer más, tienes el MDN: https://developer.mozilla.org/en-US/...CSS/box-sizing
  #3 (permalink)  
Antiguo 09/06/2014, 12:45
Avatar de herzbazi  
Fecha de Ingreso: febrero-2012
Mensajes: 612
Antigüedad: 12 años, 9 meses
Puntos: 36
Respuesta: padding hacia adentro

excelente consejo te agradezco mucho por tu pronta respuesta.
__________________
Enseña todo lo que sepas...
Aprende todo lo que puedas..

Etiquetas: box, padding
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:23.