title: How to Create Grid/Tile View?
body: <p>For example, I have some class .article, and I want to view this class as grid view. So I applied this style:</p>
  
  <pre><code>.article{
    width:100px;
    height:100px;
    background:#333;
    float:left;
    margin:5px;
  }
  </code></pre>
  
  <p>That style will make the .article look tiled/grid. It's work fine with fixed height. But if I want to set the height to auto (automatically stretch according to the data within it), the grid look nasty. </p>
  
  <p><img src="https://i.stack.imgur.com/ukgdAm.jpg" alt="enter image description here"></p>
  
  <p>And I want to make the view like this:</p>
  
  <p><img src="https://i.stack.imgur.com/DygbWm.jpg" alt="enter image description here"></p>