导航：首页 > 开发技术 >

如何编写div li的多行多列无刷新分页代码

发表于：2024-12-13 作者：千家信息网编辑

千家信息网最后更新 2024年12月13日，这篇文章主要介绍"如何编写div li的多行多列无刷新分页代码"，在日常操作中，相信很多人在如何编写div li的多行多列无刷新分页代码问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希

千家信息网最后更新 2024年12月13日如何编写div li的多行多列无刷新分页代码

这篇文章主要介绍"如何编写div li的多行多列无刷新分页代码"，在日常操作中，相信很多人在如何编写div li的多行多列无刷新分页代码问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答"如何编写div li的多行多列无刷新分页代码"的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

PHP Code

复制代码代码如下:

JavaScript Code

[/code]

CSS Code

复制代码代码如下:

body {
text-align: left;
direction: ltr;
font-family:tahoma,verdana,arial,sans-serif;
font-size: 11px;
}
.container {
width: 370px;
height: 100%;
margin: 0 auto;
}
/*
@@ Demo
*/
ul {
margin: 0;
padding: 20px 0px;
}
ul li {
list-style-type: none;
display: inline-block;
line-height: 100px;
text-align: center;
font-weight: bold;
width: 100px;
height: 100px;
margin: 10px;
background: #ccc;
}
ul li span {
color: #fff;
padding: 3px;
}
/*
@@ Pagination
*/
.holder { margin: 5px 0; }
.holder a {
font-size: 12px;
cursor: pointer;
margin: 0 5px;
color: #333;
}
.holder a:hover {
background-color: #222;
color: #fff;
}
.holder a.jp-previous { margin-right: 15px; }
.holder a.jp-next { margin-left: 15px; }
.holder a.jp-current, a.jp-current:hover {
color: #ed4e2a;
font-weight: bold;
}
.holder a.jp-disabled, a.jp-disabled:hover { color: #bbb; }
.holder a.jp-current, a.jp-current:hover,
.holder a.jp-disabled, a.jp-disabled:hover {
cursor: default;
background: none;
}
.holder span { margin: 0 5px; }