> 웹 프론트엔드 > HTML 튜토리얼 > 请问怎么把这个css分页代码居中了?我加了两个总是距到左面去.有图有真相_html/css_WEB-ITnose

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

WBOY
풀어 주다: 2016-06-24 12:18:53
원래의
1965명이 탐색했습니다.

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

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿