Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Carlos Henrique A.

Alinhar imagem ao centro

Recommended Posts

Olá galera!

estou precisando de uma ajuda que não sei como resolver.

É o seguinte:

Estou criando esse site http://toldosmaranata.com.br/beta mobile-first sendo e estou começando primeiro pelas dimensões 320x480 está no começinho, porém, me deparei com um detalhe que gostaria que fosse dessa forma que não sei como posso fazer.

Lá onde está "NOSSOS CLIENTES" existe 12 logos de clientes que está dentro de uma div

<div class="logocliente">
	<img src="img/cliente_itaipava.jpg" alt="" title="">
	<img src="img/cliente_crystal.jpg" alt="" title="">
	<img src="img/cliente_cocacola.jpg" alt="" title="">
	<img src="img/cliente_policiamilitar.jpg" alt="" title="">
	<img src="img/cliente_ecovias.jpg" alt="" title="">
	<img src="img/cliente_petrobras.jpg" alt="" title="">
	<img src="img/cliente_sabesp.jpg" alt="" title="">
	<img src="img/cliente_policiacivil.jpg" alt="" title="">
	<img src="img/cliente_loteriascaixa.jpg" alt="" title="">
	<img src="img/cliente_skol.jpg" alt="" title="">
	<img src="img/cliente_breda.jpg" alt="" title="">
	<img src="img/cliente_antarctica.jpg" alt="" title="">
</div>

O que eu quero é que as imagens estivesse centralizada ao meio desse box, como pode ser feito com um texto através do text-align: center; para conforma for aumentando ele continue respeitando as margins que eu deixar de espaçamento entre as imagens e vá também respeitando o alinhamento ao centro e não fique desorganizado.

Fico no aguardo,

Desde já muito obrigado!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Carlos,

Por via das regras, se o campo for menor do que a quantidade total de imagens, algumas delas vão ter que ir para baixo, a não ser que todas tenham propriedade responsiva, ou sejam uma única.

Existe uma propriedade css chamada flex, veja como ela funciona aqui na DEMO.

Abraços!

Compartilhar este post


Link para o post
Compartilhar em outros sites

L. Henrique

Se perceber, quando se adiciona mais imagens, em vez de ela descer e obedecer, ela fica flexivel vai apertando para caber.

Infelizmente tentei e nao deu certo

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.