列的最后一个元素在sql查询中的两列之间划分

Question

您好我将数据库中的结果转储到2列。我的问题是，第一列的最后一个元素在第一列的底部和第一列的顶部以及第二列的顶部之间进行划分。

我附上了它的视觉示例：

我的容器CSS代码是：

.datagrid {-moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;
    font: normal 13px/120% 'Lato', sans-serif; background: #fff; overflow: hidden; 

    }

并且元素的CSS是：

.documentlist { width:100%; 
                padding:10px; 
                display:table; 
                text-align:left; 
                margin: 0 0 1em; 
                background:#f5f7f9;
               }

这是SQL查询的代码

<div class="datagrid">   


$select = new Users;
$stmt = $select->selectdocumentlist($topic_id);
while( $row = $stmt->fetch()){          

{if($row['indicator'] == "1") 

{echo "        
<div class='documentlist'>
<div class='listinside_left'>
<img src='images/doc_icon.png'></div>
<div class='listinside_center'><a href='display_documents.php?id=24&topic=1&topic_id=16'>TEST 601</a></div>
<div class='folder_icon_delete'><a href='delete_documents.php?id=24'>
<img src='images/delete.png'></a>
</div>
</div>
;}}