rgui-css-standard/src/dlist/demo/index.md

Regular UI - Standard CSS Components

## 示例
### 基本形式

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

<div class="m-example"></div>

```html
<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

<div class="m-example"></div>

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