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:

 

Deixe-em um comentário ou entrar para oFórum
Share on Facebook Tweet about this on Twitter Share on Google+ Pin on Pinterest Share on Reddit Share on VK Share on StumbleUpon Share on Tumblr Share on LinkedIn Email this to someone Print this page

Artigos relacionados