圖片在瀏覽器上重疊調整大小。如何將它們分開？

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/）