📜  Semantic-UI 分轨类型

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

Semantic-UI 分轨类型

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

Rails是向用户显示附加内容的绝佳方式,通常它们用于显示广告。它们放置在主视口的左侧或右侧,默认宽度为 300 像素。为了使语义轨起作用,主容器的宽度应在 600 像素到 800 像素之间。主视口和栏杆可以使用划分的类进行划分。

Semantic-UI Rail Dividing 类型类:

  • 分割:在轨道和主视口之间创建分割。

句法:

...
...
...

示例 1:在下面的示例中,我们划分了轨道和主视口。

HTML


    
        Semantic UI Rail Dividing Type
        
        
        
    
    
        
            

GeeksforGeeks

            

Semantic UI Rail Dividing Type

            
            
            
                
                    
                      This is a tiny rail divided from                       the main viewport.                     
                
                
                    
                      This is a tiny rail divided from                       the main viewport.                     
                
                

Main Viewport

                

Main Viewport

            
        
    


HTML


    
        Semantic UI Rail Dividing Type
        
        
        
    
    
        
            

GeeksforGeeks

            

Semantic UI Rail Dividing Type

            
            
            
                
                    
                      This is a tiny rail divided                       from the main viewport.                     
                
                
                    
                        This is a tiny normal rail.                     
                
                

Main Viewport

                

Main Viewport

               
        
    


输出:

Semantic-UI 分轨类型

Semantic-UI 分轨类型

示例 2:在下面的示例中,我们说明了分隔轨和普通轨之间的区别。

HTML



    
        Semantic UI Rail Dividing Type
        
        
        
    
    
        
            

GeeksforGeeks

            

Semantic UI Rail Dividing Type

            
            
            
                
                    
                      This is a tiny rail divided                       from the main viewport.                     
                
                
                    
                        This is a tiny normal rail.                     
                
                

Main Viewport

                

Main Viewport

               
        
    

输出:

Semantic-UI 分轨类型

Semantic-UI 分轨类型

参考: https ://semantic-ui.com/elements/rail.html