Cómo centrar un iframe horizontalmente? - Html

Un iframe, también conocido como marco en línea en HTML, es un cuadro integrado en una interfaz que se parece a otra pantalla o interfaz en un documento HTML. En HTML, hay una etiqueta de iframe a través de la cual se crean los iframes. Cuando se crea el iframe, se muestra, por defecto, en el lado izquierdo de la pantalla, pero se puede mover y colocar en la interfaz en cualquier lugar utilizando las propiedades de estilo CSS. Para centrar el marco en línea horizontalmente, se utilizan las propiedades de margen automático y del bloque de pantalla.

Entendamos esto con un ejemplo simple.

Creando un iframe

Discutamos un ejemplo que crea un simple iframe a través de la etiqueta de iframe:

El código anterior contiene "iframe" que contiene un enlace a la página web.

Simplemente crear un iframe sin propiedad CSS aplicada a ella mostrará los siguientes resultados en la interfaz de salida. Se creará el iframe pero se mostrará en el lado izquierdo de forma predeterminada:

Aplicación de propiedades CSS para centrar el nombre

Para mover el iframe al centro, necesitamos aplicar las propiedades CSS en él. En el elemento de estilo CSS, simplemente debemos referirnos primero al iframe y luego agregar la propiedad de bloqueo de margen automático y mostrar:

iframe
margen: auto;
bloqueo de pantalla;

En el fragmento de código anterior, hay un selector agregado para referirse al iframe, y dentro del selector, están las propiedades de bloqueo de margen y el bloque de pantallas que moverán el iframe en el centro horizontalmente.

La siguiente será la interfaz de salida después de aplicar las propiedades:

Esto resume cómo el iframe se puede alinear al centro horizontalmente.

Conclusión

El iframe en HTML se puede centrar horizontalmente en una interfaz de la página web agregando el selector en el elemento de estilo CSS que se refiere al iframe y luego simplemente agregando las propiedades de bloqueo de margen de margen CSS y de pantalla para ese iframe. Esto colocará el marco en línea en el centro. Este artículo explica bien cómo centrar el iframe horizontalmente.