html 分页样式-如何解决网页CSS分页导航栏问题

如今，大多数企业都有大量的产品、新闻或文章等信息需要在网站上展示html 分页样式，而信息列表展示页面不宜太长。 往往这个时候就采用分页导航； 有很多分页导航。 有用，用户可以快速跳过一些不想看到的信息进行定位和搜索； 减小页面大小并提高加载页面的加载速度。

分页导航通常由一个包裹直接跳转链接（上一页、下一页、页脚）的容器包和一个包裹表单提交（提交指定页脚跳转到指定页面）的容器包组成。

我们先看一下页脚直接跳转的HTML部分。 我们需要一个div包来包裹a链接，如右图：

这里我只显示4个页脚直接跳转链接。 如果需要，您可以自行增加页脚数量。 接下来，我们需要添加一些 CLASS 类名和 CSS 样式，以使页脚在一行中居中显示，并具有边框、间距和颜色。 以及默认选中状态，如右图：

CSS代码如右图：

在表单提交的HTML部分，需要填写跳转编号输入和提交确认按钮； 如右图：

使用CSS设置字体大小、单行显示和按钮颜色，如右图：

CSS如下：

然后，将两个部分合并，并在外面包裹一个 DIV 袋。 HTML如右图所示：

这两部分合并后，显示不会居中，所以我们需要在最外层的DIV包中设置CSShtml 分页样式，如右图所示：

完整的治疗效果如右图所示：

当数据量很大，可以显示多个页面时，就需要使用分页，所以在网站制作中经常使用分页显示。 我希望这篇文章可以帮助你。