Semantic-UI 统计内容

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

Semantic UI 有一堆组件供用户设计网页。其中之一是“统计”。统计中有不同的内容表示方式。

让我们设计一个显示不同统计内容的 UI。创建此设计后，您可以使用语义 UI 的不同组件。

语义 UI 统计内容类：

• value：值可以通过图标、文本、数字或图像来表示。
• 标签：统计信息包含一个标签，为值提供参考。

句法：

  
     

     ....
     
     

     ....
     

示例 1：此示例演示了使用statistic类的不同值表示。

HTML

   
      
   
   
      

         
GeeksforGeeks
         
            
Semantic UI statistics value. 
         
         

            

               

                  100
               
               

                  Numeric
               
            
            

               

                  Hi

                  Geeks 
               
               

                  Text 
               
            
            

               

                   
               
               

                  Icon 
               
            
            

               

                  
               
               

                  Image 
               
            
         
      
   

输出：

Semantic-UI 统计内容

示例 2：此示例演示了使用统计类的标签表示。

HTML

   
      
   
   
      

         
GeeksforGeeks
         
            
Semantic UI statistics with/without label. 
         
         

            

               

                  GFG
               
               

                  Website
               
            
            

               

                  GFG
               
            
         
      
   

输出：

Semantic-UI 统计内容

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