📜  语义UI |容器

📅  最后修改于: 2021-09-01 01:32:02             🧑  作者: Mango

Semantic UI 开源框架提供了一个容器,有助于将内容限制为最大宽度。该框架使用 jQuery 和 CSS 来创建交互式用户界面。它与引导程序使用非常相似,并且具有用于创建任何网站的页面结构的不同元素。

示例:以下示例显示了标准容器。



  

    Semantic UI
    

  

    
                   

Container

        
            

                Semantic UI is an open-source                  framework that uses CSS and                  jQuery to build great user                  interfaces. It is same as a                  bootstrap for use and has                  great different elements to                 use to make your website look                 more amazing. It uses a class                 to add CSS to the elements.             

        
    
                          

输出:

示例:以下示例显示了一个文本容器。



  

    Semantic UI
    

  

    
                   

Text Container

        
            

                Semantic UI is an open-source                  framework that uses CSS and                  jQuery to build great user                  interfaces. It is same as a                  bootstrap for use and has                  great different elements to                  use to make your website look                 more amazing. It uses a class                  to add CSS to the elements.             

        
    
                      

输出:

示例:以下示例显示了容器的流体类型。



  

    Semantic UI
    

  

    
                   

Fluid Container

    
       
        

            Semantic UI is an open-source              framework that uses CSS and              jQuery to build great user              interfaces. It is same as a              bootstrap for use and has              great different elements to              use to make your website look              more amazing. It uses a class              to add CSS to the elements.         

    
                      

输出:

示例:以下示例显示对齐的容器。



  

    Semantic UI
    

  

    
        

Container

    
       
        

Left Aligned

        

            Semantic UI is an open-source framework              that uses CSS and jQuery to build great             user interfaces. It is same as a bootstrap             for use and has great different elements              to use to make your website look more              amazing. It uses a class to add CSS             to the elements.         

    
    
    
        

Center Aligned

        

            Semantic UI is an open-source framework              that uses CSS and jQuery to build great             user interfaces. It is same as a bootstrap             for use and has great different elements              to use to make your website look more              amazing. It uses a class to add CSS             to the elements.         

    
    
    
        

Right Aligned

        

            Semantic UI is an open-source framework              that uses CSS and jQuery to build great             user interfaces. It is same as a bootstrap             for use and has great different elements              to use to make your website look more              amazing. It uses a class to add CSS             to the elements.         

    
    
    
        

Justified

        

            Semantic UI is an open-source framework              that uses CSS and jQuery to build great             user interfaces. It is same as a bootstrap             for use and has great different elements              to use to make your website look more              amazing. It uses a class to add CSS             to the elements.         

    
                   

输出: