织梦列表页分页显示为竖排的解决方法

织梦列表页分页显示为竖排的解决方法

列表页分页代码：


<div class="dede_pages">
<ul class="pagelist">
{dede:pagelist listitem="info,index,end,pre,next,pageno,option" listsize="5"/}
</ul>
</DIV>

织梦列表页分页错位，分页显示为竖排这种情况想必有很多的朋友都有遇到过吧，下面与大家分享下具体的解决方法，感兴趣的朋友可以参考下哈调用样式添加：

查看源码

打印代码帮助

01.dede_pages{

02text-align:right;

03}

04.dede_pages ul{

05float:right;

06padding:12px 0px 12px 16px;

07}

08.dede_pages ul li{

09float:left;

10font-family:Tahoma;

11line-height:17px;

12margin-right:6px;

13border:1px solid #E9E9E9;

14}

15.dede_pages ul li a{

16float:left;

17padding:2px 4px 2px;

18color:#555;

19display:block;

20}

21.dede_pages ul li a:hover{

22color:#690;

23text-decoration:none;

24padding:2px 4px 2px;

25}

26.dede_pages ul li.thisclass,

27.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{

28background-color:#F8F8F8;

29padding:2px 4px 2px;

30font-weight:bold;

31}

32.dede_pages .pageinfo{

33line-height:21px;

34padding:12px 10px 12px 16px;

35color:#999;

36}

37.dede_pages .pageinfo strong{

38color:#555;

39font-weight:normal;

40margin:0px 2px;

41}



织梦列表页分页显示为竖排的解决方法

织梦列表页分页显示为竖排的解决方法