Semantic-UI 列表图像内容

Semantic UI 是一个开源框架，它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同，并且有很多不同的元素可用于使您的网站看起来更令人惊叹。它使用一个类将 CSS 添加到元素中。

语义 UI 列表图像内容用于将图像添加到列表项。

语义 UI 列表图像内容：

• image：该类用于向列表项添加图像。

句法：

    

        
        ....
    

示例 1：在此示例中，我们使用头像图像内容创建列表项。

输出：

示例 2：在此示例中，我们正在创建包含图像内容的项目列表。

HTML

  

    
  
    

  

    

        

            GeeksforGeeks
        
  
        
Semantic-UI List Image 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#image