🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# 描述列表 轻松创建具有不同风格的漂亮的描述列表。 ## 用法 创建描述列表并不需要像其他组件一样必须用到某个类,但是 UIkit 中提供了一些修饰类来定义不同风格样式的描述列表。描述列表组件的修饰类 _不能_ 相互组合使用。 ### 水平的描述列表 添加 `.uk-description-list-horizontal` 类使术语与描述并排显示。 #### 示例 描述列表 描述列表用于定义术语和相应的描述。 ![](https://box.kancloud.cn/2016-05-12_57346f2f613a1.jpg) ### Code ``` <dl class="uk-description-list-horizontal"> <dt>...</dt> <dd>...</dd> </dl> ``` ### 响应式行为 较窄的视口中,比如手机,描述列表将变回默认的堆叠样式。 * * * ### 描述列表线 添加 `.uk-description-list-line` 类用线条分隔描述列表项之间的间距。 #### 示例 ![](https://box.kancloud.cn/2016-05-12_57346f2f771a2.jpg) ### Code ``` <dl class="uk-description-list-line">...</dl> ```