Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: kaskull en 7 Enero 2016, 15:18 pm



Título: [Resuelto] [DUDA] Alinear vericalmente
Publicado por: kaskull en 7 Enero 2016, 15:18 pm
Hola muy buenas a todos!!

Me gustaría saber como puedo alinear verticalmente el contenido de un DIV.

Si lo quiero alinear horizontalmente uso: margin: 0 auto;

Pero verticalmente?

Gracias!!


Título: Re: [DUDA] Alinear vericalmente
Publicado por: Wick3D en 9 Enero 2016, 02:51 am
pon un <br> por cada línea.


Título: Re: [DUDA] Alinear vericalmente
Publicado por: xiruko en 9 Enero 2016, 03:13 am
La altura de un div por defecto se adapta a su contenido. Por lo que dices, sobreentiendo que le estas dando una altura determinada a tu div y quieres centrar el contenido. Podrías probar con:

Código
  1. div#container {
  2.   height: 200px;
  3.   line-height: 200px;
  4. }
  5.  
  6. div#content {
  7.   vertical-align: center;
  8. }

Saludos!


Título: Re: [DUDA] Alinear vericalmente
Publicado por: Wick3D en 9 Enero 2016, 03:16 am
pero para eso no tendría que difinir antes un padding aparte? Quiero decir, si está definiendo unos márgenes específicos dentro del div.


Título: Re: [DUDA] Alinear vericalmente
Publicado por: xiruko en 9 Enero 2016, 03:19 am
pero para eso no tendría que difinir antes un padding aparte? Quiero decir, si está definiendo unos márgenes específicos dentro del div.

No entiendo tu pregunta... Qué tiene que ver el padding aquí? Podrías explicarte mejor?


Título: Re: [DUDA] Alinear vericalmente
Publicado por: Wick3D en 9 Enero 2016, 03:20 am
No entiendo tu pregunta... Qué tiene que ver el padding aquí? Podrías explicarte mejor?

Nada nada, me he hecho la picha un lío yo solo xD disculpa la confusión.


Título: Re: [DUDA] Alinear vericalmente
Publicado por: MinusFour en 9 Enero 2016, 16:44 pm
Como Centrar en CSS (http://howtocenterincss.com/)