图片在浏览器上重叠调整大小。如何将它们分开？

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的沙箱服务分享​​您的代码？ （如http://cssdesk.com/）