Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
一个简单的问题:什么html元素应该用作列表分页?_Html_Css - Fatal编程技术网

一个简单的问题:什么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的细节并不是我最擅长的地方。列表项在默认情况下是阻塞的,没有理由重新声明。