基础 CSS 排版助手统计

Foundation CSS是由 ZURB 基金会于 2011 年 9 月构建的开源和响应式前端框架，可以轻松设计漂亮的响应式网站、应用程序和电子邮件，使其看起来很棒并且可以在任何设备上访问。它被许多公司使用，例如 Facebook、eBay、Mozilla、Adobe，甚至迪士尼。该框架建立在类似 Saas 的引导程序上。它更加复杂、灵活且易于定制。它还带有 CLI，因此很容易与模块捆绑器一起使用。它提供了 Fastclick.js 工具，用于在移动设备上更快地呈现。

基础 CSS帮助类允许我们更快地构建某些排版样式。 Foundation CSS 有多个排版助手，例如文本对齐、副标题、前导段落、非项目符号列表、统计信息和字体缩放。在本文中，我们将了解 Statistics Typographic 助手。

Foundation CSS Statistics Typographic Helper 用于以非常大的字体显示一些重要的数字。要在 Foundation CSS 中使用 Statistics Typographic 帮助器，我们使用“stat”类。 stat 类放大了它所应用的元素的字体大小，并且可以与

、

和 元素一起使用。

基础 CSS 统计排版辅助类：

• stat： stat 类放大了它所应用的元素的字体大小。

句法：

Content

示例 1：以下示例演示了

元素中的 Statistics 印刷帮助器类。

HTML

 

    
    
 
    
    
    
    
    

 

    
        GeeksforGeeks
    
    
        Foundation CSS Statistics Typographic Helper
    
    
     
No. of students taking Geeksforgeeks Courses
 
    9999999   

 

输出：

输出

示例 2：以下示例将 元素中的 Statistics 排版辅助类演示为内联 div。

HTML

 

    
    
 
    
    
    
    
    

 

    
        GeeksforGeeks
    
    
        Foundation CSS Statistics Typographic Helper
    
    
     
Your Technical Interview Round
               Depends On Data Structures And Algorithms.
        Enroll today.
        Data Structures And
              Algorithms Is The Key To Selection In
                Product Based Companies.
         
        Get Certified.
        Iinternship Opportunities.
                Content Lifetime Validity. 1:1 Doubt Assistance.
    
 

 

输出：

输出

参考： https://get.foundation/sites/docs/typography-helpers.html#statistics