浏览器调整大小时图像重叠。如何将它们分开？

Question

我有一个照片库，我的照片以缩略图的形式显示。 当我调整浏览器的大小时，它们会按照我的要求移动，但不是均匀地向下推到下一行，而是向下移动但是与其他行重叠。

当浏览器已满时，图像显示正常。以下是显示浏览器较小时移动和重叠图像的屏幕截图：

如果它有帮助，我目前使用此代码。

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;
  }

非常感谢您的帮助。

Answer 1

我不确定，但请尝试代替 div.img photoimg { display:inline; } 使用 div.img photoimg { display:block; }

或者您可以在某些css-sandbox服务上分享您的代码吗？ （例如http://cssdesk.com/）