Foundation CSS Prototyping Utilities 文本助手

Foundation CSS是由 ZURB 基金会于 2011 年 9 月构建的开源和响应式前端框架，可以轻松布局令人惊叹的响应式网站、应用程序和电子邮件，这些网站、应用程序和电子邮件看起来令人惊叹，并且可以在任何设备上访问。在本文中，我们将讨论 Foundation CSS 中的原型工具文本助手类。

在 Foundation CSS 中，Prototyping Utilities Text Helpers 用于处理文本并更改文本转换、文本装饰和图像替换行为。

Foundation CSS Prototyping Utilities Text Helpers 类：

• text-hide：此类可用于在给定图像的上下文中隐藏元素的文本。
• text-uppercase：该类可用于将文本转换为大写。  
• text-lowercase：该类可用于将文本转换为小写。
• text-capitalize：该类可用于将每个单词的文本首字符转换为大写，其他字母不受影响。
• text-underline：该类可用于装饰文本，使其始终带有下划线。
• text-overline：该类可用于装饰文本以使其贯穿始终。
• text-line-through：该类可用于装饰文本以使文本贯穿整个文本。

句法：

    ........

示例 1：下面的示例说明了使用.text-hide类使用文本帮助器的示例。

HTML

      Prototyping Utilities Text Helpers classes
    
    
    
    
    
    
    

  

    
        
            GeeksforGeeks
        
        Foundation CSS Text Helpers
        
            Some SEO text here
        
    

  

输出：

Foundation CSS Prototyping Utilities 文本助手

示例 2：下面的示例说明了使用text-uppercase、text-lowercase和text-capitalize类使用 Text 助手。

HTML

  
    Prototyping Utilities Text Helpers classes
  
    
    
  
    
    
    
  
    
  
    
  
    
  
  
  
    
      GeeksforGeeks
  
      Foundation CSS Text Helpers
  
      GeeksforGeeks
  
      GEEKSFORGEEKS
  
      geeksforgeeks
  
    
  

输出：

Foundation CSS Prototyping Utilities 文本助手

示例 3：下面的示例说明了使用.text-underline、.text-overline和.text-line-through类来使用文本帮助器。

HTML

  
    Prototyping Utilities Text Helpers classes
  
    
    
  
    
    
          
    
    
  
    
    
  
  
  
    
      GeeksforGeeks
  
      Foundation CSS Text Helpers
  
      GeeksforGeeks
  
      GeeksforGeeks
  
      GeeksforGeeks
  
    
  

输出：

Foundation CSS Prototyping Utilities 文本助手

参考链接： https ://get.foundation/sites/docs/prototyping-utilities.html#text-helpers