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
            
        
    

  

输出：

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

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