📜  Semantic-UI Statistics Variations Horizontal Statistic Variant

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

Semantic-UI Statistics Variations Horizontal Statistic Variant

Semantic UI 是一个开源框架,它使用 CSS 和 jQuery 构建出色的用户界面。您可以使用各种组件来设计您的网站。其中之一是“统计”。

语义 UI 有 一个统计组件,用于放大您网站的特定数据。让我们看看它的一个变种。

水平统计变化用于以水平形式显示放大的数据及其标签。通常标签低于值,但在这里用户可以在一行中显示值和标签。一组或一组显示相关内容的统计数据可以显示在一行中。我们将创建一个 UI 来显示水平统计变化。

Semantic-UI Statistics Variations Horizontal Statistic Variant 类:

  • 水平统计:该类用于在水平维度上进行统计。

句法:

.....
.....

下面的示例说明了 Semantic-UI Statistics Variations Horizontal Statistic Variant:

示例 1:此示例演示了使用水平类的单个水平统计量

HTML


  

    

  

    
        

GeeksforGeeks

                     

Semantic UI horizontal statistic

           
        
            
                98.6 F             
            
                Temperature             
        
    
  


HTML


  

    

  

    
        

GeeksforGeeks

                     

Semantic UI horizontal statistics

        
        
            
                
                    300                 
                
                    Views                 
            
            
                
                    200                 
                
                    Likes                 
            
            
                
                    100                 
                
                    Comments                 
            
        
    
  


输出:

Semantic-UI Statistics Variations Horizontal Statistic Variant

Semantic-UI Statistics Variations Horizontal Statistic Variant

示例 2:此示例演示了使用水平类的一组水平统计信息。

HTML



  

    

  

    
        

GeeksforGeeks

                     

Semantic UI horizontal statistics

        
        
            
                
                    300                 
                
                    Views                 
            
            
                
                    200                 
                
                    Likes                 
            
            
                
                    100                 
                
                    Comments                 
            
        
    
  

输出:

Semantic-UI Statistics Variations Horizontal Statistic Variant

Semantic-UI Statistics Variations Horizontal Statistic Variant

参考:https://semantic-ui.com/views/statistic.html#horizontal-statistic