0

div (高さが可変) のリスト (ul/li) がある場合、div とその下の div の間に隙間がないようにそれらを積み重ねる方法はありますか? ピンタレストのUIのように...

    <ul>
         <li>
           <div>...</div>
         </li>
         <li>
           <div>...</div>
         </li>
         ...
    </ul>    

    ul
    {
       list-style-type:none; 
       vertical-align:top;
    }

    li
    {
       list-style:none;    
       vertical-align:top;  
       display:inline-block;   
    }

これは、ここでの質問に似ています。まず垂直に、次に水平に div スタックを作成する方法は? 私はまだ次のように注文したいことを除いて：

1 2 3
4 5
4

1 に答える 1

2

次の CSS は、その効果を作成するのに十分です

ul, li  { margin: 0; padding: 0 }
ul li { float: left; }
ul li div { background: #f00; color: #fff; }

デモ

于 2012-09-18T17:12:46.960 に答える