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

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

时间:2021-07-01 10:21:17 帮助过:34人阅读

本帖最后由 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里面的事.解决了.

人气教程排行