溢出切割結果

Question

左側的「結果」部分是當前正在發生的情況。右側的部分我想要發生的結果。當一組結果看起來很大時，容器底部的結果會隱藏起來。我一直在尋找所有的CSS修補程序，任何幫助將不勝感激。

謝謝。

Answer 1

你可以使用一個技巧，包括使用columns，可能不完全支持。

http://jsfiddle.net/szGVu/

#holder{ 
    columns: 110px; 
    -webkit-columns: 110px; 
    -moz-columns: 110px; 

    height: 300px; 
    width: 110px; 
    overflow: hidden; 
} 

.child{ 
    margin: 5px; 
    height: 100px; 
    width: 100px; 
    display: inline-block; 
}