📜  基础 CSS 分页居中

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

基础 CSS 分页居中

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

分页用于将内容分成离散的页面,或者只是将文档分成页面并为它们提供数字的过程。居中可用于在页面中心对齐分页。

基础 CSS 分页中心类:

  • text-center:该类用于在页面中心对齐分页。

句法:

示例 1:这是一个基本示例,说明以 Foundation CSS 为中心的分页。

HTML


  

    Foundation CSS Pagination Centered
      
    
    
    

  

    
        

            GeeksforGeeks         

                     Foundation CSS Pagination Centered               
       


HTML


  

    
        Foundation CSS Pagination Centered
    
      
    
    

  

    
        

            GeeksforGeeks         

                     Foundation CSS Pagination Centered              
       


输出:

基础 CSS 分页居中

示例 2:这是一个基本示例,说明以 Foundation CSS 为中心的正常分页。

HTML



  

    
        Foundation CSS Pagination Centered
    
      
    
    

  

    
        

            GeeksforGeeks         

                     Foundation CSS Pagination Centered              
       

输出:

基础 CSS 分页居中

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