📜  基础 CSS 厨房水槽分页

📅  最后修改于: 2022-05-13 01:56:14.529000             🧑  作者: Mango

基础 CSS 厨房水槽分页

Foundation CSS是 CSS 的前端框架,用于构建可在任何设备上完美运行的响应式网站、应用程序和电子邮件。它使用 HTML、CSS 和 Javascript 编写,并被许多著名公司使用,如 Amazon、Facebook、eBay 等。它使用 Grunt 和 Libsass 等包进行快速编码和控制,并使用 Saas 编译器加快开发速度。

Kitchen Sink具有在网站和应用程序中工作的元素。 Kitchen Sink Pagination是将内容划分为一系列相似页面的导航类型。

使用的厨房水槽分页类:

  • pagination :用于创建页面列表。

句法:

示例 1:下面是使用简单分页类说明使用 Kitchen Sink 的示例。

HTML


  

    
  
    
  
    

  

  

      GeeksforGeeks   

     

    Foundation CSS Kitchen Sink Pagination   

     
          
  • 1
  •       
  • 2
  •       
  • 3
  •       
  • 4
  •       
  • 5
  •       
  • 6
  •   
  


HTML


  

    
  
    

  

    

        GeeksforGeeks     

       

      Foundation CSS Kitchen Sink Pagination     

       
            
  • Previous
  •         
  • 1
  •         
  • 2
  •         
  • 3
  •         
  • 4
  •         
  • 5
  •         
  •         
  • 6
  •         
  • 7
  •         
  • Next
  •     
  


输出:

示例 2:下面是说明使用分页椭圆类使用 Kitchen Sink 的示例。

HTML



  

    
  
    

  

    

        GeeksforGeeks     

       

      Foundation CSS Kitchen Sink Pagination     

       
            
  • Previous
  •         
  • 1
  •         
  • 2
  •         
  • 3
  •         
  • 4
  •         
  • 5
  •         
  •         
  • 6
  •         
  • 7
  •         
  • Next
  •     
  

输出:

参考链接:https://get.foundation/sites/docs/kitchen-sink.html#pagination