📜  Semantic-UI 项目图像内容

📅  最后修改于: 2022-05-13 01:56:55.884000             🧑  作者: Mango

Semantic-UI 项目图像内容

Semantic UI是一个现代框架,用于为网站开发无缝设计。它为用户提供了轻量级的组件体验。它使用预定义的 CSS 和 jQuery 来整合不同的框架。

语义 UI 项在网站上呈现大量相似类型的数据。 Item 可以包含图像、标题、描述、按钮、日期等。Item 是 Semantic UI 中项目的集合。

语义 UI 项目图像内容使我们能够在项目中使用图像。借助此类,可以将图像放置在项目容器中。

语义 UI 项目图像内容类:

  • image:此类表示容器内的内容是图像,因此提供了必要的填充、对齐。

语法:图像类添加到项目容器中,如下所示:

示例:在以下示例中,我们使用itemimage类有一个包含图像的项目列表。

HTML


    
        
        
        
    
    
        
            
                

GeeksforGeeks

                 Semantic UI Item Image Content             
                   
            
                Image 1:                 
                                     
            
            
                Image 2:                 
                                     
            
                      
        
    


输出:

参考: https://semantic-ui.com/views/item.html#image