Ver Mensaje Individual
  #7 (permalink)  
Antiguo 04/02/2014, 03:47
Avatar de pzin
pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 1 mes
Puntos: 2114
Respuesta: Centrar 4 divs. Nunca 3 en linea.

Realmente te sobran varias elementos, ya que con una estructura así puedes hacerlo perfectamente:

Código HTML:
Ver original
  1. <div><img></div>
  2. <div><img></div>
  3. <div><img></div>
  4. <div><img></div>

Y luego lo que te decía, pones el ancho de esos elementos al 50 o al 20%, según necesites:

Código CSS:
Ver original
  1. div {
  2.     float: left;
  3.     width: 100%;
  4.     text-align: center;
  5. }
  6. div img {
  7.     max-width: 500px;
  8. }
  9. @media screen and (min-width: 1000px) {
  10.     div {
  11.         width: 50%
  12.     }
  13. }
  14. @media screen and (min-width: 2000px) {
  15.     div {
  16.         width: 25%
  17.     }
  18. }

Y siempre se mostrarán o bien filas de una, dos o cuatro imágenes.