display:table的使用

<div class="customer-info">
    <div class="row">
        <div class="cell">网站号：</div>
        <div class="cell">0</div>
    </div>
    <div class="row">
        <div class="cell">访问ip：</div>
        <div class="cell"><span>183.195.7.235</span><span>(查看相同ip本地对话记录)</span></div>
    </div>
    <div class="row">
        <div class="cell">访客来源：</div>
        <div class="cell"><span>m.souguo.com</span></div>
    </div>
    <div class="row">
        <div class="cell">关键词：</div>
        <div class="cell"><span>咽炎片的副作用和禁忌</span></div>
    </div>
    <div class="row">
        <div class="cell">访问URL：</div>
        <div class="cell"><span>https://m.hstyf360.com/medicine/1026.com</span></div>
    </div>
</div>

.customer-info{
    //height: 125px;
    //background: #ffffff;
    background: cyan;
    box-sizing: border-box;
    padding-left: 15px;
    display: table;
    border-collapse:separate;  
    border-spacing: 0 5px;
    .row{
        display: table-row;
    }
    .cell{
        display: table-cell;
    }
}