Tecnología

Inicio

Cómo centrar un DIV dinámico

Cómo centrar un DIV dinámico


La creación de un sitio web es una tarea difícil. El sitio debe ser organizada, bien diseñado, de aspecto agradable y se destacan entre los millones de páginas de la competencia. Si bien la creación, el formato y el posicionamiento de su contenido, es posible que la necesidad de utilizar un divisor dinámico. Divisores, o DIVs, actúan como un contenedor para almacenar el contenido y la posición en la página. Por defecto, un DIV dinámica no estará centrado en su página. simples adiciones a su código para hacer de su DIV aparece en el centro de la página.

Instrucciones

1 Añadir el atributo de alineación a su etiqueta DIV con un valor de "centro". Por ejemplo:

<Div id = "prueba" align = "center">

Este método funcionará en los navegadores actuales, pero no se muestre correctamente en los navegadores antiguos.

2 Crear un divisor adicional para contener a su contenido. Utilizar un DIV de página completa para envolver su DIV actual e insertar el atributo de alineación del texto. Insertar:

<Div id = estilo de "contenedor" = "text-align: center; width: 100%;">

directamente antes de la DIV dinámico. Cierre la DIV mediante la inserción de "</ div>" directamente después de su separador dinámico.

3 Se utiliza la etiqueta HTML "Centro". Insertar "<center>" directamente antes de la DIV dinámico. Cerrar la etiqueta mediante la inserción de "</ center>" directamente después de su código DIV dinámico.

Consejos y advertencias

  • Elija con cuidado en función de sus necesidades. El paso 1 es el método más directo, pero no es compatible con navegadores antiguos. Paso 2 es una solución temporal, que añade un DIV adicional a su código, pero debería funcionar en todos los navegadores. Paso 3 funciona en todas las versiones actuales y antiguos del navegador, pero la etiqueta "<center>" no está soportado oficialmente o alentado código HTML y podría ser eliminado en futuras versiones de algunos navegadores.