Autor Tema: [Ayuda] Alineado vertical de texto  (Leído 532 veces)

Desconectado Caobiita!

  • PHPer@ Fijo
  • ***
  • Mensajes: 214
  • Karma: 5
  • Sexo: Masculino
  • ¡Aprendiendo!
    • Ver Perfil
    • Próximamente
[Ayuda] Alineado vertical de texto
« en: 04 de Junio de 2012, 21:14:30 pm »
He estado viendo y he probado la función vertical-align: middle pero no funciona.., para una línea de texto puedo usar line-height pero para un párrafo?
En construcción.

Comunidad PHPeros

[Ayuda] Alineado vertical de texto
« en: 04 de Junio de 2012, 21:14:30 pm »

Desconectado SoyJoaquin.

  • PHPero Master
  • ******
  • Mensajes: 2.737
  • Karma: 131
  • Sexo: Masculino
  • ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ Problem?
    • Ver Perfil
    • IsoMap
Re:[Ayuda] Alineado vertical de texto
« Respuesta #1 en: 04 de Junio de 2012, 21:26:28 pm »
He estado viendo y he probado la función vertical-align: middle pero no funciona.., para una línea de texto puedo usar line-height pero para un párrafo?

¿Alinear un div verticalmente?
Lo que yo siempre hago (No se si sea la manera correcta de plantearlo) es usar la propiedad top, left, margin-top y margin-left.

Imaginemos que:
Tenemos un div de 400px de ancho y 200px de alto, para centrarlo en la pantalla (Cosa que es lo que creo que quieres hacer), puedes poner la propiedad top y left al 50% y que margin-top sea el negativo de la mitad de la altura al igual que margin-left sera el negativo de la mitad del ancho del div a centrar.

Tienes que tener en cuenta que deberías usar una posición absoluta al momento de querer hacer esto.

Ejemplo básico:
Código: [Seleccionar]
div {
width: 400px;
height: 200px;
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -200px;
position: absolute;
}
Saludos.
Twitter: @JoakoM010



Desconectado Warlox

  • Moderadores PHP
  • PHPero Master
  • ****
  • Mensajes: 1.278
  • Karma: 77
  • Sexo: Masculino
  • A veces hay que aprender a correr antes de caminar
    • Ver Perfil
    • Página personal
Re:[Ayuda] Alineado vertical de texto
« Respuesta #2 en: 05 de Junio de 2012, 04:32:47 am »
Utiliza inline-block. Cuando usas esta propiedad como display, puedes dar propiedades de texto a cualquier elemento de bloque.
- Moderador de PHP