基础 CSS 分页基础

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

分页用于将内容分成离散的页面，或者只是将文档分成页面并为它们提供数字的过程。

Foundation CSS 分页基础类：

• pagination：该类用于创建分页类型的样式。
• current：这用于
• 以标记当前页面。
• 省略号：这个类创建了一个“…”，用户可以通过它感觉中间有很多页面。

句法：

    

        
1
        
2
        ...
    

示例 1：这是一个基本示例，说明了 Foundation CSS 中的分页基础知识。

HTML

  

    
      
    
    
    

  

    
        

            GeeksforGeeks
        
 
        
            Foundation CSS Pagination Basics
         
    
    

        

            
Previous
            
 
                You're on page 1
            
            

                2
            
            

                3
            
            

                4
            
            

            

                12
            
            

                13
            
            

                Next
            
        
    

  

输出：

示例 2 ：此示例描述了 Foundation CSS 中带有罗马数字的分页基础知识。

HTML

  

    
      
    
    
     

  

    
        

          GeeksforGeeks
          
 
        
          Foundation CSS Pagination Basics
          
    
    

        

            
Previous
            

                You're on page I
            
            
II
            
III
            
IV
            

            
XII
            
XIII
            

                Next
            
        
    

  

输出：

参考： https://get.foundation/sites/docs/pagination.html#basics