Witam,
Mam taki kod:
html:
<div class="thumb">
<img src="picture-1.jpg" />
</div>
i css:
div.thumb { border: 1px solid #000; width: 131px; height: 128px;
display: table-cell; vertical-align: middle; text-align: center; }
div.thumb img { border:0; height: 100%; }
Problem:
elementów div.thumb jest wiele na stronie, ponieważ jest to galeria zdjęć, chciałbym, aby wszystkie były ładnie ułożone obok siebie, dla takich przypadków:
- jeśli zdjęcie jest wysokie (height) i wąskie (width)
- jeśli zdjęcie jest niskie (height) i szerokie (width)
Przy takim kodzie, jw. udaje mi się rozwiązać problem tylko dla jednego punktu, jak rozwiązać go dla obu naraz ?