CSS div將內容擴展到更多行

我有一個php腳本，返回基於搜索條件顯示的小圖像列表（如拇指指紋）。CSS div將內容擴展到更多行

我希望這些圖像能夠一個接一個地顯示出來，直到它們在屏幕上達到大約45％，然後如果有更多的圖像比適合該空間的圖像更接近一個新的線條。

我已經使用CSS在div中設置以下內容。

.example { 
    Float: left; 
    Width: 45%; 
    }

但是，圖像繼續超過45％。如果我使用了樣式重疊：滾動;或重疊：隱藏，圖像停止在45％，或者您可以滾動查看其他人或他們隱藏。

如何讓圖像繼續到新的「線條」上。

我試過單詞包裝沒有成功。

感謝您的幫助。

2013-07-23 BEN HALL

你能告訴我們php循環thsta產生的圖像。也在你的CSS使用全部小寫的聲明eg'width'而不是'Width' – Vector

我認爲它必須是php循環，因爲CSS是正確的。我沒有意識到PHP會'覆蓋'CSS - 我認爲PHP的結果將適合CSS格式。我會看看php。謝謝 –

該PHP不會覆蓋CSS。這很可能是由''''''循環產生的'html'錯誤。 – Vector

嘗試將display:inline-block;添加到元素。

2013-07-23 19:53:52

你描述它的方式它應該工作得很好。

我做了一個的jsfiddle DEMO

圖像是由顯示inline元素默認情況下，如果這些元素不是圖像使用它們display:inline或display:inline-block嘗試。

2013-07-23 20:26:10 BobbyZ

我同意 - 這是我的PHP，這是問題 - 或HTML！ –

回答