Question

我正在开发一个网页，需要一些帮助。我试图让分页工作，我似乎无法让它在任何帮助下工作？

感谢任何人的帮助，我已经坚持了几周。

.pagination {
    display: inline-block;
     position: absolute;
    top: 15%;
    width: 25%;
    left: 250px;
}

.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    
}

.pagination a.active {
    background-color: skyblue;
    color: white;
    border-radius: 5px;
}

.pagination a:hover:not(.active) {
    background-color: #ddd;
    border-radius: 5px;
}

 <div class="pagination">
  <a href="#">&laquo;</a>
  <a href="#1" class="active">1</a>
  <a href="page2">2</a>
  <a href="#">3</a>
  <a href="#">4</a>
  <a href="#">5</a>
  <a href="#">6</a>
  <a href="#">&raquo;</a>
</div>

Answer 1

分页，顾名思义，用于更改页面（结果）。因此，您必须有一个系统为后续页面提供服务。

最简单的方法是创建下一个文件，例如page1.html，page2.html ...并在所有页面中为其添加链接。

您也可以立即发送所有结果并使用类似于pure css menu使用的方法（输入+标签+〜（css））

进行适当隐藏

但这非常愚蠢。（虽然可能）

您必须使用某种编程语言。浏览器端的JavaScript或/和服务器端的东西，例如：PHP，NodeJS，.Net，c＃，Python，Perl，Ruby，Java ......甚至汇编程序

用html和css分页

1 个答案: