Foros Programación Cliente
Alinear texto verticalmente con css
6 6 Respuestas Miércoles 2 de febrero, 2011
Hola, me estoy volviendo loca buscando y no encuentro nada.
¿Existe alguna manera de centrar el texto contenido en un div verticalmente sin utilizar padding?
Algo como text-align: center, pero en vertical.
¿Existe alguna manera de centrar el texto contenido en un div verticalmente sin utilizar padding?
Algo como text-align: center, pero en vertical.
-
psycho
Registrado desde 20/05/04 / Número de posts: 298
Para eso en CSS, existe la propiedad vertical-align, lo malo es que no funciona en todos los navegadores,
pero hay soluciones javascript que lo solucionan, un ejemplo:
http://www.nitinh.com/2010/01/vertical-align-middle-using-javascript-jquery-mootools/ -
Public
Registrado desde 15/06/03 / Número de posts: 855
Es que me parece que vertical-align es solo para celdas de tabla, por eso no funciona en divs. Yo suelo jugar con paddings o margins del elemento hijo.------------------------------------------------------------------------------------
> Pablo Iglesias,
> www.TheEmailingExperience.com
> @piglesias en twitter -
MAXer3D
Registrado desde 07/05/03 / Número de posts: 113
Si el texto es de una sola linea se suele usar ponerle de "text-height" el alto del contenedor.
Sino, le podes echar un ojo a esto : http://www.onenaught.com/posts/201/use-css-displaytable-for-layout
-
MrSoriano
Registrado desde 28/06/07 / Número de posts: 1187
div { height: 200px; line-height: 200 px;} -
MAXer3D
Registrado desde 07/05/03 / Número de posts: 113
Cuando puse "text-height" me referia a "line-height" como marca en el ejemplo MrSoriano
Áreas Domestika
- Diseño (gráfico, web, industrial, producto)
- Programación (cliente, servidor, accesibilidad)
- Ilustración (autores, inspiración, técnicas)
- Fotografía (técnica, equipo, autores)
- Motion Graphics (showreels, software, estudios)
- Publicidad (campañas, anuncios, ideas)
- Informática (software, hardware, trucos)
- 3D (técnicas, iluminación, modelado)
- Experiencia de Usuario (usabilidad, AI, HCI)
- Cine, vídeo y televisión (críticas, producción)
- Música y Audio (sonidos, loops, discos)
- Espacios (arquitectura, interiorismo)