分页导航是指对于搜索引擎或电子商务网站，常常将信息分页显示，这样可以减少页面大小，进而提高页面的加载速度。分页显示后，就需要通过分页导航来告诉用户要浏览的信息量，方便用户快速跳过一些不想看的信息，也便于定位和查找。因此，分页导航也是很常见的、很重要的一种导航。
分页导航一般包括上一页、页码、下一页三部分。
首先，创建一个容器，来包裹分页导航的链接。如：
<div class="page">
<a href="#" rel="pre">< 上一页</a>
<a href="#" class="active">1</a>…<a href="#">5…</a>
<a href="#" rel="next">下一页 ></a>
</div>
分页导航的所有链接也是在一行内显示，也要将容器的高度和行高设置为相同的值，来让容器中的内容垂直居中。
纯css3动画，flex css 动态加载，收缩箭头按钮 css，css选择器说法，html5 css 点击链接，css3 mix blend mode，html css 照片墙