Foundation CSS Prototyping Utilities 分隔符

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

Prototyping Utilities分隔符有助于创建线间隙，即元素标题下方的微小分隔符，通常用于头部内部。

Foundation CSS Prototyping Utilities 分隔符类：

• separator-* ：该类用于将标题与特定位置对齐，并在其下方创建一个小条。

星号 (*) 标记可以替换为特定位置，即左、右和中。

句法：

 Content 

示例 1：此示例描述了 Foundation CSS 中的原型工具分隔符。

HTML

  

    
    

  

    
GeeksforGeeks
    
Foundation CSS Prototyping Utilities Separator
    

    
Geeks
    
for
    
Geeks
 

  

输出：

示例 2：在此示例中；我们正在使用带有图像、段落和标题标签的分隔符实用程序类。

HTML

  

    
    

  

    
GeeksforGeeks
    
 
          Foundation CSS Prototyping Utilities Separator
     
    

    
    

        GeeksforGeeks C++ Course
    
    

        I am a Paragraph
    
  
    

        I am a Right aligned Heading
    
 

输出：

参考资料： https://get.foundation/sites/docs/prototyping-utilities.html#separator