列表

轻松创建美观的列表，样式多样。

用法

要应用此组件，请将 .uk-list 类添加到无序或有序列表中。列表现在将显示，没有任何间距或列表样式。

示例

• 列表项 1
• 列表项 2
• 列表项 3

标记

<ul class="uk-list">
    <li>...</li>
    <li>...</li>
    <li>...</li>
</ul>

修饰符

要以不同的样式显示列表，只需将修饰符类添加到 .uk-list 类。列表组件的修饰符彼此之间不能组合。

列表线

添加 .uk-list-line 类以使用线条分隔列表项。

示例

• 列表项 1
• 列表项 2
• 列表项 3

标记

<ul class="uk-list uk-list-line">...</ul>

列表条纹

使用 .uk-list-striped 类向列表添加斑马条纹。

示例

• 列表项 1
• 列表项 2
• 列表项 3

标记

<ul class="uk-list uk-list-striped">...</ul>

列表间距

添加 .uk-list-space 类以增加列表项之间的间距。

示例

• 此修饰符对于具有多行文本的列表项可能很有用。
• Lorem ipsum dolor sit amet, consectetur adipisicing elit.
• Ut enim ad minim veniam, quis nostrud exercitation ullamco.

标记

<ul class="uk-list uk-list-space">...</ul>