Изображения перекрываются при изменении размера браузера.Как их разнести? - PullRequest
0 голосов
/ 20 ноября 2011

У меня есть фотогалерея, и мои фотографии отображаются в виде миниатюр. Когда я изменяю размер браузера, они перемещаются так, как я хочу, но вместо того, чтобы равномерно нажимать на следующую строку, они вместо этого идут вниз, но перекрывают друг друга.

Когда браузер заполнен, изображения отображаются нормально. Вот скриншот, показывающий изображения, перемещенные и перекрывающиеся, когда браузер меньше:

enter image description here

В настоящее время я использую этот код, если он помогает.

div.photoimg
  {
  margin:2px;
  padding: 5px;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
  }
div.img photoimg
  {
  display:inline;
  margin:3px;
  }
div.img a:hover img
  {
  border:1px solid #0000ff;
  }
div.desc
  {
  text-align:center;
  font-weight:normal;
  width:200px;
  margin:2px;
  }

Большое спасибо за любую помощь.

1 Ответ

0 голосов
/ 20 ноября 2011

Я не уверен, но попробуйте вместо div.img photoimg { display:inline; } использование div.img photoimg { display:block; }

...