语义-UI 项目划分变体

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

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

Semantic UI Item Divided Variation 有助于划分项目以更清楚地区分项目。这有助于分离分组的项目。每个项目之间会出现一条分隔线以正确区分它们。

语义 UI 项划分的变体类：

• 分割：这个类被添加到项目容器中，然后在每个组件之间放置一条分隔线。

语法：将划分的类添加到项目容器中，以划分项目，如下所示：

    ...

示例：在以下示例中，我们使用划分的类制作了划分的项目。

HTML

  
       
    
  
  
    

      
        

          
  GeeksforGeeks 
        
          Semantic UI Item Divided Variation  
          
  
    

      

        

          
        
        

          

            Data Structures and Algorithms
          
          

            
            
              31 Likes
            
          
        
      
      

        

          
        
        

          

            Machine Learning
          
          

            
            
              123 Favourites
            
          
        
      
   
  

输出：

语义-UI 项目划分变体

参考链接： https://semantic-ui.com/views/item.html#divided