菜单

列表
列表用于对相关内容进行分组

下载

类型

列表

列表对相关内容进行分组

苹果
橙子
语义 UI
纽约,纽约
Semantic-Org/Semantic-UI
10 分钟前更新
Semantic-Org/Semantic-UI-Docs
22 分钟前更新
Semantic-Org/Semantic-UI-Meteor
34 分钟前更新
src
项目源文件
site
您网站的主题
themes
打包的主题文件
default
默认打包主题
my_theme
打包主题也位于此文件夹中
theme.config
用于设置打包主题的配置文件
dist
已编译的 CSS 和 JS 文件
components
单个组件 CSS 和 JS
semantic.json
包含 gulp 的构建设置

无序列表

列表可以使用项目符号标记项目

获取访问权限
邀请朋友
优势
链接到某个地方
回扣
折扣
保修
为了方便起见,简单的无序列表也可以使用 ul 标签。
  • 获取访问权限
  • 邀请朋友
  • 优势
    • 任何地方都可以使用
    • 回扣
    • 折扣
  • 保修

有序列表

列表可以按数字顺序排列

有序列表也可以使用 ol 标签
  1. 注册
  2. 用户优势
  3. 用户类型
    1. 管理员
    2. 高级用户
    3. 普通用户
  4. 删除您的帐户
您也可以在 div 上使用 data-value 或在 li 上使用 value 手动指定有序列表的值
  1. 注册
  2. 用户优势
  3. 用户类型
    1. 管理员
    2. 高级用户
    3. 普通用户
  4. 删除您的帐户

链接

列表可以专门格式化为导航链接

内容

项目

列表项目可以包含一组项目

1
2
3

图片

列表项目可以包含图片

瑞秋
最后一次看到她正在观看 被逮捕的发展,就在现在。
林赛
最后一次看到她正在观看 鲍勃的汉堡,10 个小时前。
马修
最后一次看到他正在观看 教父第二部,昨天。
珍妮·赫斯
最后一次看到她正在观看 双峰,3 天前。
维罗妮卡·奥西
最近没有观看任何内容
标题
点击我们 描述 中的链接。
了解更多
我们的 FAQ 页面 上了解有关此网站的更多信息。

标题

列表项目可以包含标题

纽约市
一个美丽的城市
芝加哥
也是一个非常美丽的城市
洛杉矶
有时是一个美丽的城市
旧金山
真是一个美丽的城市

描述

列表项目可以包含描述

皇室膳食
一家很棒的波兰餐厅,送货速度快,菜肴丰盛饱满。
西安著名小吃
品尝陕西美味的烹饪传统,包括辣凉面和羊肉汉堡。
札幌春
绿点区快速美味寿司的最佳选择。
伊尼德
晚上是酒吧,白天是美味的早午餐地点。

变体

水平

列表可以格式化为使项目水平显示

汤姆
顶级贡献者
克里斯蒂安·罗查
管理员
马特
顶级评分用户
史蒂夫·乔布斯
50 分
史蒂夫·费利西亚诺
44 分
珍妮·赫斯
11 分

反转

列表可以反转,显示在深色背景上

姜饼人
很棒的伴侣
贵宾犬
贵宾犬,非常基础
保罗
他也是一条狗

选择

选择列表将列表项目格式化为可能的选项

海伦
克里斯蒂安
丹尼尔

动画

列表可以进行动画处理,以将当前项目与列表区分开来

使用动画变体时,请确保内容可以容纳在一行内,否则文本内容会在悬停时重新换行。
海伦
克里斯蒂安
丹尼尔

轻松

列表可以放松其填充,以提供更多负空间

丹尼尔·路易斯
最后一次看到她正在观看 被逮捕的发展,就在现在。
史蒂夫·费利西亚诺
最后一次看到她正在观看 鲍勃的汉堡,10 个小时前。
艾略特·傅
最后一次看到他正在观看 教父第二部,昨天。
丹尼尔·路易斯
最后一次看到她正在观看 被逮捕的发展,就在现在。
史蒂夫·费利西亚诺
最后一次看到她正在观看 鲍勃的汉堡,10 个小时前。
艾略特·傅
最后一次看到他正在观看 教父第二部,昨天。

分隔

列表可以在内容之间显示分隔线

单元格

列表可以将项目划分为单元格

姜饼人
很棒的伴侣
贵宾犬
贵宾犬,非常基础
保罗
他也是一条狗
拉布拉多犬
柴犬
獒犬
关于我们
联系我们
支持

大小

列表的大小可以变化

海伦
克里斯蒂安
丹尼尔
海伦
克里斯蒂安
丹尼尔
海伦
克里斯蒂安
丹尼尔
海伦
克里斯蒂安
丹尼尔
海伦
克里斯蒂安
丹尼尔
海伦
克里斯蒂安
丹尼尔
海伦
克里斯蒂安
丹尼尔

内容变体

垂直对齐

列表中的元素可以垂直对齐

顶部对齐
中间
底部

浮动

列表或列表中的元素可以浮动到左侧或右侧

添加
莉娜
添加
林赛
添加
马克
添加
莫莉

变暗信息
变暗子标题