Ver Mensaje Individual
  #4 (permalink)  
Antiguo 29/09/2015, 11:58
tonieet
 
Fecha de Ingreso: marzo-2011
Mensajes: 105
Antigüedad: 13 años, 1 mes
Puntos: 3
Respuesta: como centrar un div dentro de otro div de manera vertical

Cita:
Iniciado por michellqm Ver Mensaje
Saludos!

he enfrentado ese problema cientos de veces y encontré una agradable solución en css

agrégale al contenedor padre dos lineas c: y magia!

Pero estate atento al responsive pues el display flex muestra los elementos inline independientemente de la resolución

Código CSS:
Ver original
  1. .uno{
  2.   height:200px;
  3.   width:800px;
  4.   background-color:green;
  5.   display: flex;
  6.   align-items: center;
  7.  
  8. }

http://codepen.io/Michellqm/pen/pjRJBL

Espero ayude


hola michellqm!

lo primero de todo darte las gracias por responder, pero no me sirve del todo, por que en Safari no funciona.

Lo que estoy buscando exactamente es tener un div de 300px alto por 800px de ancho en el cual voy a escribir un texto dentro, y este texto quiero que este centrado tanto en vertical como horizontal.

y quiero que este centrado aunque yo cambie el tamaño del texto (mayor o menor cantidad de palabras o lineas)

mi idea era hacer un div dentro del principal, de medida "auto" para que se adaptase al texto, y centrar de alguna manera este "div contenedor del texto" pero igual esta idea no es la manera correcta de acerlo, no lo se