📜  Semantic-UI Segment 堆叠类型

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

Semantic-UI Segment 堆叠类型

Semantic UI 是一个开源框架,它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同,并且有很多不同的元素可用于使您的网站看起来更令人惊叹。语义 UI 为我们提供了一种非常简单的方式来设置 Web 应用程序的样式,而不是使用 CSS。为了创建一组相关的内容,我们使用分段。它提供不同变体、类型、组和状态的细分。

在本文中,我们将通过示例代码了解Semantic-UI Segment Stacked Type及其实现。

Semantic-UI Segment Stacked Type:语义UI中的Segments用于对相关内容进行分组。 Semantic-UI Segment Stacked Type 用于显示内容显示在多个页面上。

使用类:

  • 堆叠:它用于创建可以格式化以在多个页面上显示它包含的段。

句法:

...

示例 1:我们可以清楚地观察到内容堆叠在多个页面上。

HTML


  

    Semantic-UI Segment Stacked Type
    
    
    

  

    
        
            

Geeksforgeeks

            Semantic-UI Segment Stacked Type             

            
                

                    As the placement season is back,                      GeeksforGeeks is here to help you                     crack the interview.                 

            
        
    
  


HTML


  

    Semantic-UI Segment Stacked Type
    
    
    

  

    
        
            

Geeksforgeeks

            Semantic-UI Segment Stacked Type             

            
                

                    As the placement season is back,                      GeeksforGeeks is here to help you                     crack the interview.                 

            
        
    
  


输出:

示例 2:我们可以通过使用.ui tall stacked segment观察到内容显示在比上一个示例更多的页面中。

HTML



  

    Semantic-UI Segment Stacked Type
    
    
    

  

    
        
            

Geeksforgeeks

            Semantic-UI Segment Stacked Type             

            
                

                    As the placement season is back,                      GeeksforGeeks is here to help you                     crack the interview.                 

            
        
    
  

输出:

参考链接: https ://semantic-ui.com/elements/segment.html#stacked