-
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.