描述列表 DList

示例

基本形式

在dl标签上使用.m-dlist，可以出现术语与描述并排显示的效果。

账号：
user
手机：
180******01
邮箱：
user@163.com
登录密码：
修改
姓名：
小明
性别：
男
学历：
本科
专业：
计算机
<div class="g-row">
    <div class="g-col g-col-6">
        <dl class="m-dlist">
            <dt>账号：</dt><dd>user</dd>
            <dt>手机：</dt><dd>180&#42;&#42;&#42;&#42;&#42;&#42;01</dd>
            <dt>邮箱：</dt><dd>user@163.com</dd>
            <dt>登录密码：</dt><dd><a>修改</a></dd>
        </dl>
    </div>
    <div class="g-col g-col-6">
        <dl class="m-dlist">
            <div class="dlist_item"><dt>姓名：</dt><dd>小明</dd></div>
            <div class="dlist_item"><dt>性别：</dt><dd>男</dd></div>
            <div class="dlist_item"><dt>学历：</dt><dd>本科</dd></div>
            <div class="dlist_item"><dt>专业：</dt><dd>计算机</dd></div>
        </dl>
    </div>
</div>

inline

年级：
三年级
科目：
英语
分数：
92
<dl class="m-dlist m-dlist-inline">
    <dt>年级：</dt><dd>三年级</dd>
    <dt>科目：</dt><dd>英语</dd>
    <dt>分数：</dt><dd>92</dd>
</dl>