Semantic-UI 项目图像内容
Semantic UI是一个现代框架,用于为网站开发无缝设计。它为用户提供了轻量级的组件体验。它使用预定义的 CSS 和 jQuery 来整合不同的框架。
语义 UI 项在网站上呈现大量相似类型的数据。 Item 可以包含图像、标题、描述、按钮、日期等。Item 是 Semantic UI 中项目的集合。
语义 UI 项目图像内容使我们能够在项目中使用图像。借助此类,可以将图像放置在项目容器中。
语义 UI 项目图像内容类:
- image:此类表示容器内的内容是图像,因此提供了必要的填充、对齐。
语法:将图像类添加到项目容器中,如下所示:
示例:在以下示例中,我们使用item和image类有一个包含图像的项目列表。
HTML
GeeksforGeeks
Semantic UI Item Image Content
Image 1:
Image 2:
输出:
参考: https://semantic-ui.com/views/item.html#image