Como centralizar um iframe horizontalmente? - Html

Um iframe, também conhecido como um quadro embutido no HTML, é um quadro incorporado em uma interface que se parece com outra tela ou interface em um documento HTML. No HTML, há uma tag iframe através da qual os iframes são criados. Quando o iframe é criado, é, por padrão, exibido no lado esquerdo da tela, mas pode ser movido e colocado na interface em qualquer lugar usando as propriedades do estilo CSS. Para centralizar a estrutura embutida horizontalmente, as propriedades de margem automática e bloco de exibição são usadas.

Vamos entender isso com um exemplo simples.

Criando um iframe

Vamos discutir um exemplo que cria um iframe simples através da tag iframe:

O código acima contém "iframe" contendo um link para a página da web.

Simplesmente criar um iframe sem propriedade CSS aplicada a ele exibirá os seguintes resultados na interface de saída. O iframe será criado, mas será exibido no lado esquerdo por padrão:

Aplicando propriedades CSS para centralizar o iframe

Para mover o iframe para o centro, precisamos aplicar as propriedades CSS nele. No elemento de estilo CSS, simplesmente precisamos nos referir ao IFRAME e depois adicionar a propriedade da margem automática e exibir a propriedade Block:

iframe
margem: automático;
exibição: bloco;

No trecho de código acima, há um seletor adicionado para se referir ao iframe e dentro do seletor, existem as propriedades de margem automática e bloco de exibição que moverão o iFrame no centro horizontalmente.

O seguinte será a interface de saída após a aplicação das propriedades:

Isso resume como o iframe pode ser alinhado ao centro horizontalmente.

Conclusão

O iframe no HTML pode ser centrado horizontalmente em uma interface da página da web, adicionando o seletor no elemento de estilo CSS referente ao iframe e simplesmente adicionando a margem CSS Auto e as propriedades do bloco de exibição para esse iframe. Isso colocará o quadro embutido no centro. Este artigo explica bem como centralizar o iframe horizontalmente.