一个简单的问题:什么html元素应该用作列表分页?
我从服务器获得了一个长列表,我想在表的一行中显示列表的每个元素:一个简单的问题:什么html元素应该用作列表分页?,html,css,Html,Css,我从服务器获得了一个长列表,我想在表的一行中显示列表的每个元素: ... ... ... ... ... ... ... ... ... ... 由于列表很大,我希望在表下有一个列表分页,每页只显示10个元素: 12。。。 我的问题: 1.对于列表分页(page idx),我打算对每个页码使用无序的li,但它垂直显示页码,如何将其更改为水平显示页码 2.并且页面数量是根据服务器返回的元素数量动态计算的,如何使用jQuery更新页面数量?(那是在html中,是空的,jque
...
...
...
...
...
...
...
...
...
...
由于列表很大,我希望在表下有一个列表分页,每页只显示10个元素:
- 1
- 2
。。。
我的问题:
1.对于列表分页(page idx
),我打算对每个页码使用无序的li
,但它垂直显示页码,如何将其更改为水平显示页码
2.并且页面数量是根据服务器返回的元素数量动态计算的,如何使用jQuery更新页面数量?(那是在html中,
是空的,jquery会更新页数)在css中:li{float:left;}
这会将所有li
水平放置将一些样式应用于分页html:
#page-idx ul li { float:left; }
#page-idx ul li a { padding:3px; text-decoration:none; }
要使页码水平排列,请尝试以下方法:
li { list-style: none; display: inline; float: left;}
看看这是否行,然后你就可以根据自己的喜好来设计
至于更新页码,让jquery代码最初在函数中进行更新,并且每当您单击另一个页码时,调用该函数再次更新页码
如果看不到用于分页的代码,很难对您有所帮助。
li{display:inline;margin:0px 5px;}
这将水平放置所有li
,而不会破坏任何页面布局。为什么浮动?这真是个坏主意。您只需使用css水平设置列表样式即可
#page-idx li{
list-style:none;
display:inline;
}
下面是一个例子:为什么是无序列表?为什么不是一个有序的列表呢?谷歌
水平li
。我发现了。如果你在内联显示列表项,没有理由添加浮动。好的,我不知道。css的细节并不是我最擅长的地方。列表项在默认情况下是阻塞的,没有理由重新声明。