EspañolDeutschFrançaisItalianoPortuguêsРусскийΕλληνικά日本語中文(简体)हिन्दी; हिंदीالعربية
Definir como idioma padrão
Perguntas de PF - Fórum

Como centralizar uma imagem na horizontal, com posicionamento absoluto, dentro de uma div

Programação de CSS
 
Como centralizar uma imagem na horizontal, com posicionamento absoluto, dentro de uma div

A idéia é foco dentro de um DIV, uma imagem com posicionamento absoluto { posição: absoluto; }. Para fazer isso, primeiro de tudo é atribuir, para o div que conterá a imagem, um posicionamento relativo, evitando que o posicionamento absoluto da imagem é para o recipiente de pai do elemento que tem o posicionamento relativo na próxima, ou se não conseguir, para o corpo.

Supondo que temos o código a seguir com uma div e imagem dentro do mesmo:

O estilo aplicado ao recipiente e a imagem é a seguinte:

Para ver o resultado com alguns dos exemplo de, Nós vamos modificar o código HTML, atribuindo um borda e um tamanho o div, assim como a adição de um rota e um tamanho para a imagem. Ficaria algo assim:

e, em seguida, o resultado:

 

Junte-se o canal de Telegrama

Deixe-em um comentário ou entrar para oFórum
Compartilhá-lo Share on FacebookTweet about this on TwitterShare on Google+Pin on PinterestShare on RedditShare on VKShare on StumbleUponShare on TumblrShare on LinkedInEmail this to someonePrint this page

Artigos relacionados

Deixar uma resposta