CSS块并排

这可能与CSS有关。CSS块并排

enter image description here

我尝试这样做：

#gallery_ul { 
     display: inline-block; 
     list-style: none outside none; 
     margin: auto auto auto auto; 
     width: 986px; 
    } 

    #gallery_ul li { 
     float:left; 
     margin:10px; 
     padding:10px; 
     text-align:center; 
     border:1px solid grey; 
     width:274px; 
    } 

    #gallery_ul img { 
     padding-bottom:5px; 
    }

如果是的话怎么样？谢谢。

来源

2013-08-26 rev2012

纯css解决方案：为每个元素创建不同的类。并设置这些类直到您获得所需的结果。 –

你可以用CSS-columns或javascript来做到这一点。我会建议JavaScript，除非你不必担心浏览器支持/怪癖太多。

见砌筑插件最流行的方式这样做：http://masonry.desandro.com/

来源

2013-08-26 12:51:03 robooneus

可以。但我认为你必须更具体。

一个近似值是创建每个块并设置“float：left”属性，然后方块将自动组织，或者您可以创建三个垂直列，然后将方块放在里面。

来源

2013-08-26 12:56:28 jprivillaso

回答

相关问题