Semantic-UI Segment 基本变体

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

Semantic UI Segment是一个segment，是一个容器，用来放置相同类型或相同类别的内容。它用于对相关项目进行分组。 Semantic UI Segment Basic Variation没有格式，没有边框。该段只是在它周围填充，没有别的。

语义 UI 段基本变体类：

• basic：这个类用于创建一个除了填充之外没有特殊格式的段。

语法：将基本类添加到段中，如下所示：

    ...

示例：在以下示例中，我们有三个基本段和一个用于切换基本变体的按钮。

HTML

  

    
    
    
    
    

  

    
        
            
                
                    GeeksforGeeks
                
            
            
                Semantic UI Segment Basic Variation
            
            
            
            
                Toggle Basic Variation
            
        
  
        
            Data Structures
            
                Stack
                Heap
                Array
            
        
        
            Algorithms
            
                Searching
                Sorting
                Graph
            
        
        
            Programming Languages
            
                Java
                C++
                Python
            
        
    
    
        const toggleBasicVariation = () => {
            $('.ui.segment').toggleClass('basic')
        }
    

  

输出：

参考： https://semantic-ui.com/elements/segment.html#basic