请问怎么把这个css分页代码居中了?我加了两个总是距到左面去.有图有真相_html/css_WEB-ITnose

本帖最后由 cndeer 于 2013-02-13 13:11:58 编辑

 显成总是跑到左面去.
我弄了两个分页代码都是这样
都是不能在正中间.
演示如下:
http://www.27u.cn/xfmm/2013-02-13/2935.htm

http://www.27u.cn/xfmm/2013-02-13/2935.htm请问一下那代码要怎么改?
我都加上:margin:0 auto; 这句了还是不管用?

回复讨论(解决方案)

图片传不上来啊.大家进去看一下.谢谢了

对于第一个分页代码，可以这样改：
   去掉样式 li { float: left; }

对于第二个分页代码，可以这样改：
   去掉下面三个样式：
   .dede_pages ul{ float: left; }
   .dede_pages ul li{ float: left; }
   .dede_pages ul li a { float: left; display:block; }

我刚用Chrome试过，可行

对于第一个分页代码，可以这样改：
   去掉样式 li { float: left; }

对于第二个分页代码，可以这样改：
   去掉下面三个样式：
   .dede_pages ul{ float: left; }
   .dede_pages ul li{ float: left; }
   .dede_pages ul li a { float: left; display:……


第一个好像没有: li { float: left; } 这句啊?

对于第一个分页代码，可以这样改：
   去掉样式 li { float: left; }

对于第二个分页代码，可以这样改：
   去掉下面三个样式：
   .dede_pages ul{ float: left; }
   .dede_pages ul li{ float: left; }
   .dede_pages ul li a { float: left; display:……


 .dede_pages ul{ float: left; }
   .dede_pages ul li{ float: left; }
   .dede_pages ul li a { float: left; display
去掉了.好像效果一样.没改.

第一个好像没有: li { float: left; } 这句啊?

你用浏览器的开发者工具查看下，的确有。
比如用Google Chrome的开发者工具，
在Elements选项卡下，定位到第一个分页代码的li元素，
你会在开发者工具右面板的Matched CSS Rules中看到，
li被应用了float: left;样式。
具体的样式是定义在style.css文件的第8行：li {display: inline;float: left;}。

第二个分页代码不能居中也是由于被float: left;的问题，
你仔细检查下吧

如果定义在style.css文件的第8行：li {display: inline;float: left;}
中的float: left;不去掉，即便你去掉了
   .dede_pages ul{ float: left; }
   .dede_pages ul li{ float: left; }
   .dede_pages ul li a { float: left; display:block; }
第二个分页代码还会受li {display: inline;float: left;}样式中
的float: left影响而不能居中。

多谢.没想到是style.css里面的事.解决了.