CSS：分为两列的拆分字段

因为您没有在一栏中指定要放置的项目数，所以我可以建议您使用column-count css3属性。它的作用是使浏览器将元素的内容均匀地分配到确切数量的列中。所以在您的情况下，我假设2：

<div class="inline dataplugin_entry person">
    <dl> 
        <dt class="id">ID<span class="sep">: </span></dt>
        <dd class="id">487</dd> 

        <dt class="wsid">wsID<span class="sep">: </span></dt>
        <dd class="wsid">2129</dd> 

        <dt class="aktiv">aktiv<span class="sep">: </span></dt>
        <dd class="aktiv">1</dd> 

        <dt class="nachname">Nachname<span class="sep">: </span></dt>
        <dd class="nachname">Smith</dd> 

        <dt class="vorname">Vorname<span class="sep">: </span></dt>
        <dd class="vorname">Bob</dd> 

        <dt class="kanton">Kanton<span class="sep">: </span></dt>
        <dd class="kanton">ZH</dd>
    </dl>
</div>   

的CSS

dl {
    -webkit-column-count: 2;
    -moz-column-count: 2;
         column-count: 2;
}

dt { clear:left }
dt, dd { float:left }   

小提琴的例子在这里-http://jsfiddle.net/dvbdkr28/2/

浏览器支持相当不错，因此所有现代浏览器都支持它，以及IE10及更高版本。在移动设备上，支持范围达到Android 2.3及更高版本。

希望这会有所帮助