Buenas.
Tengo un div general, y dentro de él, voy creando un div por cada imagen que encuentro en un directorio.
De los div's que voy creando tengo asignado un ancho máximo, de manera que según el ancho del navegador, cabrán 2, 3, 4 por línea.
Mi pregunta: como hacer que estos div's, los 2, 3 o 4 por línea queden centrados? Ahora me quedan a la izquierda.
Código PHP:
Ver original<div id=div1>
<?php
$directorio = opendir('./img/thumbs'); while ($img = readdir($directorio)) { if ($img != "." && $img != "..") { ?>
<div class="class1">
<img src="<?php echo URL."$img; ?>"/>
</div>
<?php }
}
?>
</div>
Código CSS:
Ver original#div1 {
width:100%;
float:left;
}
.class1 {
float:left;
max-width:235px;
height:160px;
border:1px solid #D9D9DB;
background:#D4D4D4;
margin:1%;
}
.class1 img {
margin-right:1%;
height:100%;
width:100%;
padding:2%;
}
Gracias