Semantic-UI 列表 描述 内容
Semantic UI 是一个开源框架,它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同,并且有很多不同的元素可用于使您的网站看起来更令人惊叹。它使用一个类将 CSS 添加到元素中。
Semantic-UI 列表为我们提供了列表的不同变体,例如 Horizontal 、 Inverted、Selection、Animated、Relaxed、Divided、Celled 和 Size 变体。这里我们将了解 Semantic-UI List Description Content 用于将描述添加到列表项中。
Semantic-UI 列表描述内容类:
- description:此类用于向 item 元素添加描述。
句法:
Header Content...
Description Content...
...
示例 1:在此示例中,我们正在创建带有标题和描述内容的列表项。
HTML
Semantic-UI List Description Content
GeeksforGeeks
Semantic-UI List Description Content
GeeksforGeeks
A Computer Science portal for geeks. It contains
well written, well thought and well explained
computer science and programming articles
Data Structure
A data structure is a particular way of
organizing data in a computer so that it
can be used effectively.
Algorithm
The word Algorithm means “a process or set
of rules to be followed in calculations or
other problem-solving operations”.
Web Development
Web development refers to the building,
creating, and maintaining of websites.
It includes aspects such as web design,
web publishing, ...
HTML
Semantic-UI List Description Content
GeeksforGeeks
Semantic-UI List Description Content
GeeksforGeeks
A Computer Science portal for geeks. It contains
well written, well thought and well explained
computer science and programming articles
Data Structure
A data structure is a particular way of
organizing data in a computer so that it
can be used effectively.
Algorithm
The word Algorithm means “a process or set
of rules to be followed in calculations or
other problem-solving operations”.
Web Development
Web development refers to the building,
creating, and maintaining of websites.
It includes aspects such as web design,
web publishing, ...
输出:
示例 2:在此示例中,我们正在创建带有标题和描述内容的列表项。
HTML
Semantic-UI List Description Content
GeeksforGeeks
Semantic-UI List Description Content
GeeksforGeeks
A Computer Science portal for geeks. It contains
well written, well thought and well explained
computer science and programming articles
Data Structure
A data structure is a particular way of
organizing data in a computer so that it
can be used effectively.
Algorithm
The word Algorithm means “a process or set
of rules to be followed in calculations or
other problem-solving operations”.
Web Development
Web development refers to the building,
creating, and maintaining of websites.
It includes aspects such as web design,
web publishing, ...
输出:
参考: https://semantic-ui.com/elements/list.html#description