GridView中不显示不同的高度div

Question

在gridview中显示不同高度的div时存在一个小问题; div之间有一些空格，看起来很差。

如何删除这些空格？这是我的代码：

<ul>
  <?php
  while($stmt->fetch())
  {
    $time=new DateTime($time);
  ?>
      <li class="linkli">
      <div>
        <a href="page1.php?qid=<?php echo $id?>&title=<?php echo     
str_replace(" ","-",htmlspecialchars($title)); ?>" id="title_link">
        <p id="title"><?php echo $title;?></p>
        <pre><p id="desc"><?php echo substr($desc,0,150);?>...</p>  
        </pre>
        <p id="time"><?php echo $time->format('M j Y g:i A');?></p>
        <p id="tags"><?php echo $category;?></p>
      </a>
    </div>
  </li>
  <?php
  }
  ?>
</ul>

这是我的css

ul {
  margin:0px;
  padding:0px;
  display:block;
}
.linkli {
  display:inline-block;
  width:300px;
  margin-top:20px;
  margin-left:10px;
  box-shadow:0px 0px 10px 0px #BDBDBD;
  box-sizing:border-box;
  background-color:white;
  vertical-align: top;
  height:auto;
}