Posts tagged imagem

Imagine a seguinte situação: você precisa centralizar uma imagem dentro de um box maior que a imagem e com dimensões atribuídas. Caso você insira a imagem via CSS, é fácil deixá-la centralizada, mas isso não é possível quando estamos utilizando a tag < img >.

Você poderia simplesmente fazer o seguinte:

Aplicar display:block à imagem Definir as margens esquerda e do topo para a imagem, deixando-a centralizada dentro do box.

Mas o grande problema é que você pode ter imagens no formato retrato e paisagem. Imagine uma galeria de fotos com fotos de diferentes tamanhos, você teria que definir um More >