📜  Semantic-UI 段垂直段类型

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

Semantic-UI 段垂直段类型

Semantic UI是一个开源开发框架,它提供了预定义的类,使我们的网站看起来漂亮、令人惊叹且响应迅速。它类似于具有预定义类的 Bootstrap。它使用 jQuery 和 CSS 来创建接口。它也可以像 bootstrap 一样通过 CDN 直接使用。

细分用于对相似的内容进行分组,从而改善用户体验并帮助用户有效地浏览您的内容。垂直段用于格式化要作为垂直组的一部分对齐的内容。

Semantic-UI Segment Vertical Segment Type 类:

  • 垂直:此类用于将内容对齐为垂直组的一部分。

句法:

...

示例 1:下面是使用图像标签演示使用 Segment Vertical Segment Type 的代码。

HTML

  

    Semantic-UI Segment Vertical Segment Type
  
    

  

    
        

            Geeksforgeeks         

           

            Semantic-UI Segment Vertical Segment Type         

           
            gfg         
           
            gfg         
           
            gfg         
    
  


HTML

  

    Semantic-UI Segment Vertical Segment Type
  
    

  

    
        

            Geeksforgeeks         

           

            Semantic-UI Segment Vertical Segment Type         

           
            

Geeksforgeeks

        
           
            

It is a Computer Science portal.

        
           
            

It consists of various Interview preparation courses.

        
    
  


输出:

Semantic-UI 段垂直段类型

示例 2:下面是使用段落标签演示使用 Segment Vertical Segment Type 的代码。

HTML


  

    Semantic-UI Segment Vertical Segment Type
  
    

  

    
        

            Geeksforgeeks         

           

            Semantic-UI Segment Vertical Segment Type         

           
            

Geeksforgeeks

        
           
            

It is a Computer Science portal.

        
           
            

It consists of various Interview preparation courses.

        
    
  

输出:

Semantic-UI 段垂直段类型

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