jueves, 21 de noviembre de 2013

Cómo hacer algo verticalmente centrado en un Div

Vertical alinear un elemento que forma parte de un contenedor div es una de las herramientas que le permite dar formato a una página Web con precisión. Un contenedor div es un elemento que se puede crear mediante el uso de hojas de estilo en cascada (CSS), un lenguaje utilizado por los desarrolladores web para editar el estilo de un sitio web. Un elemento div puede contener cualquier tipo de HyperText Markup Language (HTML) objeto, como una imagen, tabla o incluso texto sin formato. Puede vertical alinear uno de esos objetos en un div con la sintaxis correcta. 

ALGO VERTICAL



Abra el archivo CSS que contiene las normas para el contenedor div que desea editar. Utilice un editor de texto, como el Bloc de notas de Windows.



Localice la declaración que contiene las normas para el contenedor div. La declaración debe comenzar con un punto, seguido del nombre de la clase del div.



Agregue la siguiente regla entre las llaves después de la declaración:



vertical-align: middle;



A modo de ejemplo, si desea vertical alinear un div con el nombre de la clase de pagetitle, el código CSS debe ser:



. Pagetitle {vertical-align: middle;}



Guarde el archivo CSS y subirlo a su servidor Web.



 

No hay comentarios:

Publicar un comentario