菜单

列表
列表用来把相关的内容放在一组

下载

类型

列表 (List)

标准列表

Apples
Pears
Oranges
Semantic-Org/Semantic-UI
Updated 10 mins ago
Semantic-Org/Semantic-UI-Docs
Updated 22 mins ago
Semantic-Org/Semantic-UI-Meteor
Updated 34 mins ago
src
Source files for project
site
Your site's theme
themes
Packaged theme files
default
Default packaged theme
my_theme
Packaged themes are also available in this folder
theme.config
Config file for setting packaged themes
dist
Compiled CSS and JS files
components
Individual component CSS and JS
semantic.json
Contains build settings for gulp

符号列表 (Bulleted)

列表可以表现出标注符

Gaining Access
Inviting Friends
Benefits
Link to somewhere
Rebates
Discounts
Warranty
为方便起见,一个简单的符号列表可以使用 ul 标签。
  • Gaining Access
  • Inviting Friends
  • Benefits
    • Use Anywhere
    • Rebates
    • Discounts
  • Warranty

有序列表 (Ordered)

列表可以按照数字排序

有序列表可以使用 ol 标签
  1. Signing Up
  2. User Benefits
  3. User Types
    1. Admin
    2. Power User
    3. Regular User
  4. Deleting Your Account
你可以在 div 中使用 data-value,或者在 li 中使用 value 来修改显示的值。
  1. Signing Up
  2. User Benefits
  3. User Types
    1. Admin
    2. Power User
    3. Regular User
  4. Deleting Your Account

链接 (Link)

链接列表链接到指定的页面

内容

项目 (Item)

列表项可以包含一组项

1
2
3

图片 (Image)

列表可以包含图片

Rachel
Last seen watching Arrested Development just now.
Lindsay
Last seen watching Bob's Burgers 10 hours ago.
Matthew
Last seen watching The Godfather Part 2 yesterday.
Jenny Hess
Last seen watching Twin Peaks 3 days ago.
Veronika Ossi
Has not watched anything recently

链接 (Link)

列表内部可以包含链接

Header
Click a link in our description.
Learn More
Learn more about this site on our FAQ page.

标题 (Header)

列表可以包含一个标题

New York City
A lovely city
Chicago
Also quite a lovely city
Los Angeles
Sometimes can be a lovely city
San Francisco
What a lovely city

描述 (Description)

列表可以包含描述

Krolewskie Jadlo
An excellent polish restaurant, quick delivery and hearty, filling meals.
Xian Famous Foods
A taste of Shaanxi's delicious culinary traditions, with delights like spicy cold noodles and lamb burgers.
Sapporo Haru
Greenpoint's best choice for quick and delicious sushi.
Enid's
At night a bar, during the day a delicious brunch spot.

变形

水平 (Horizontal)

类变可以让项水平显示

Tom
Top Contributor
Christian Rocha
Admin
Matt
Top Rated User
Steve Jobes
50 Points
Stevie Feliciano
44 Points
Jenny Hess
11 Points

反色 (Inverted)

列表可以用于深色背景

Snickerdoodle
An excellent companion
Poodle
A poodle, its pretty basic
Paulo
He's also a dog

选择 (Selection)

选择列表有可选的展示效果

Helen
Christian
Daniel

动画 (Animated)

动画列表可以将当前选项从列表中移动出一部分距离

确保动画列表的长度能容下动画的范围,否则会额外增加一行展示动画效果。
Helen
Christian
Daniel

宽松 (Relaxed)

列表可以宽松显示,来彰显更多空间

Daniel Louise
Last seen watching Arrested Development just now.
Stevie Feliciano
Last seen watching Bob's Burgers 10 hours ago.
Elliot Fu
Last seen watching The Godfather Part 2 yesterday.
Daniel Louise
Last seen watching Arrested Development just now.
Stevie Feliciano
Last seen watching Bob's Burgers 10 hours ago.
Elliot Fu
Last seen watching The Godfather Part 2 yesterday.

分割 (Divided)

分割列表可以分割内容

分区 (Celled)

列表可以将它的内容分为多个区域

Snickerdoodle
An excellent companion
Poodle
A poodle, its pretty basic
Paulo
He's also a dog
Cats
Horses
Dogs
Labradoodles
Shiba Inu
Mastiff
About Us
Contact
Support

尺寸 (Size)

列表可以有不同的尺寸

Helen
Christian
Daniel
Helen
Christian
Daniel
Helen
Christian
Daniel
Helen
Christian
Daniel
Helen
Christian
Daniel
Helen
Christian
Daniel
Helen
Christian
Daniel

内容变化

垂直对齐 (Vertically Aligned)

在列表中的元素可以垂直对其

顶端对其
居中
底端对其

浮动 (Floated)

列表中的列表,或者元素,可以左右浮动

Add
Lena
Add
Lindsay
Add
Mark
Add
Molly
© GitHub, Inc.
Terms Privacy Contact