Ver Mensaje Individual
  #2 (permalink)  
Antiguo 04/05/2015, 14:26
Avatar de pzin
pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: Centrar texto en vertical en una capa

Cita:
Iniciado por jclpascual Ver Mensaje
Hola amigos
Hola amigo.

Cita:
Iniciado por jclpascual Ver Mensaje
tengo una capa con un height de 100px y dentro tiene un <p> y quiero que aparezca centrado verticalmente ¿como consigo esto? he probado con vertical-align pero nada.
Pues depende un poco del caso. Hay varias maneras de conseguirlo. Puedes usar desde tablas CSS, posicionamientos absolutos combinados con trasformaciones 2D, usar pseudo-elementos…

Cita:
Iniciado por jclpascual Ver Mensaje
Tengo otra duda con el padding, la capa tiene un alto de 100px, si en el css le pongo un padding de 15px este paddin me lo suma y me hace una capa con un alto de 115px ¿como funciona el padding y el margin en las capas? ¿lo suma? la capa la tengo posicionada con float por si cambia que creo que si.
Es como funciona el modelo de caja de CSS. Si quieres alterarlo para que rellenos y bordes formen parte del ancho y alto, puedes poner algo así en tu CSS:

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

Sería algo como esto la diferencia:


Y por aquí más info sobre los modelos de caja de CSS.

Cita:
Iniciado por jclpascual Ver Mensaje
Gracias
A sus pies.
__________________
(: