基础 CSS 原型 实用程序 文本转换

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

Prototyping Utilities Text Transformation有助于处理文本的大小写，即我们可以将大小写转换为小写、大写和大写。

Foundation CSS Prototyping Utility 文本转换类：

• text-uppercase：该类用于将内容的大小写更改为大写。
• text-lowercase：该类用于将内容的大小写更改为小写。
• text-capitalize：此类更改每个单词的第一个字母，其他字母的大小写保持不变。

启用文本转换：

@include foundation-prototype-text-transformation;

句法：

 Content 

示例 1：在本示例中，我们将显示一些文本来演示text-lowercase 的使用。

HTML

  

    
    

  

    
GeeksforGeeks
    
Foundation CSS Prototyping Utilities
        Text-Transformation
    

    
 text-lowercase
    
Geeks for geeks is 
        a computer science portal.It helps many
        tech aspirants to upskill their coding
        skills. It also gives opportunites to 
        secure a job via various coding events
        like Job-a-thon. It provides a wide range
        of courses that facilitates the students 
        to enhance their skills.
    

  

输出：

示例 2：在本示例中，我们将显示一些文本来演示text-uppercase 的使用。

HTML

  

    
    

  

    
GeeksforGeeks
    
Foundation CSS Prototyping Utilities
        Text-Transformation
    

    
 text-uppercase
    
Geeks for geeks is 
        a computer science portal.It helps many
        tech aspirants to upskill their coding
        skills. It also gives opportunites to 
        secure a job via various coding events
        like Job-a-thon. It provides a wide range
        of courses that facilitates the students 
        to enhance their skills.
    

  

输出：

示例 3：在此示例中，我们将显示一些文本来演示text-captitalize的使用。

HTML

  

    
    

  

    
GeeksforGeeks
    
Foundation CSS Prototyping Utilities
        Text-Transformation
    

    
 text-capitalize
    
Geeks for geeks is 
        a computer science portal.It helps many
        tech aspirants to upskill their coding
        skills. It also gives opportunites to 
        secure a job via various coding events
        like Job-a-thon. It provides a wide range
        of courses that facilitates the students 
        to enhance their skills.
    

  

输出：

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