Como centralizar um iframe

Escrito por lysis | Traduzido por francisco de castro
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Como centralizar um iframe
Centralize um iframe (Stockbyte/Stockbyte/Getty Images)

O iframe é um elemento HTML que permite exibir uma página web dentro de outra. Ele geralmente é posicionado no centro de uma página e tem várias propriedades, de modo que se possa formatá-lo de acordo com o estilo do site. Essas propriedades de formato incluem a capacidade de centralizá-lo dentro da página e o arquivo dentro do "frame" (quadro). Centralizar o "frame" envolve a adição da propriedade "align" (alinhar) ao código HTML do iframe e a utilização de uma tag "div" para centralizá-lo no site. A edição do código HTML pode ser feita em um editor de texto simples, como o "Notepad" (Bloco de notas), ou um console mais avançado, como o Visual Studio.

Nível de dificuldade:
Moderado

Outras pessoas estão lendo

Instruções

  1. 1

    Abra um editor HTML e carregue o arquivo que tem o iframe codificado.

  2. 2

    Digite "align = middle" no código iframe HTML. O código seguinte é um exemplo de iframe centralizado:

    <iframe src="meu_arquivo.html" align="middle">

    Esse código centraliza a página interna dentro do iframe.

  3. 3

    Utilize a tag div para centralizar o iframe dentro da página web. O código a seguir encapsula o iframe e centraliza-o na página:

    <div align="center"><iframe src="meu_arquivo.html" align="middle"></div>

  4. 4

    Salve a página. Utilize um navegador para testar as novas configurações. Abra a página em um navegador e visualize a localização do iframe. Ele estará centralizado na página.

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível