收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 1725|回复: 9

[CSS] 求助一比较低级的 css居中问题

[复制链接]
发表于 2012-9-9 17:36:57 | 显示全部楼层 |阅读模式
<style>
* { margin:0; padding:0px;}
.pages { width:500px; overflow:hidden; float:none; text-align:center;}
.pages ul { text-align:center; border:1px solid #000; clear:both; float:none; overflow:hidden; margin:0 auto;}
.pages ul li { list-style:none; float:left; margin:5px 10px; line-height:17px; border:1px solid #e9e9e9;}
.pages ul li a { display:block; float:left; padding:2px 4px; color:#555555;}

</style>
<div class="pages">
        <ul>
        <li><a href="#">上一页</a></li>
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">下一页</a></li>
        </ul>
        </div>


分页居中问题 我怎么设置  class为pages的 div里面的ul 都不会居中。求高手解答
发表于 2012-9-9 17:50:16 | 显示全部楼层
设宽度
回复 支持 反对

使用道具 举报

 楼主| 发表于 2012-9-9 18:06:23 | 显示全部楼层
设置宽度不行
回复 支持 反对

使用道具 举报

发表于 2012-9-9 20:50:35 | 显示全部楼层
直接用A标签替代UL LI就可以了
回复 支持 反对

使用道具 举报

 楼主| 发表于 2012-9-10 15:47:46 | 显示全部楼层
代替 这个方法 我知道肯定行 但是怎么用 ul  li  解决呢?
回复 支持 反对

使用道具 举报

发表于 2012-9-11 11:06:52 | 显示全部楼层
楼主想居中的那个得有宽度呀,要是没有的话,就相当于100%呀,呵呵
回复 支持 反对

使用道具 举报

发表于 2012-9-11 11:12:04 | 显示全部楼层
UL LI 居中就得定宽,JS来解决吧
回复 支持 反对

使用道具 举报

发表于 2012-9-12 10:28:37 | 显示全部楼层
你的li使用了float,把他换成display:inline-block,详细请看:
http://www.w3cplus.com/css3/creat-pager-list-with-css3
http://www.w3cplus.com/css/fight ... line-block-elements
回复 支持 反对

使用道具 举报

发表于 2012-9-12 11:28:58 | 显示全部楼层
div.pages的宽度不固定死也是没关系的,主要用到相对定位

 提示:您可以先修改部分代码再运行

回复 支持 反对

使用道具 举报

发表于 2012-9-12 16:41:39 | 显示全部楼层
设pages 的内边距
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-8-8 06:02 , Processed in 0.140268 second(s), 8 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表