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

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

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

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

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

搜索
查看: 1354|回复: 4

[HTML5] 做CSS导航条问题

[复制链接]
发表于 2014-12-18 12:11:11 | 显示全部楼层 |阅读模式
想实现的导航条宽设置100%适应屏幕,
先添加一个1行3列100%宽的表格
要圆角,所以两端单元格设置好宽度
同时三个单元格设置好背景图片
在中间单元格中添加li标签,在li中添加导航的内容

现在问题是怎么让这些导航内容自动居中呢?
float设置为left或right都在两侧,没办法居中
我给ul添加了一个text-align:center的属性也不行
发表于 2014-12-18 15:02:05 | 显示全部楼层
外面加个DIV,设置margin:0 auto;   试试!!
回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-12-18 15:42:02 | 显示全部楼层
试了,不行,因为有这个属性吧,li{ float:left}
而且我不想再通过多加一层来实现
回复 支持 反对

使用道具 举报

发表于 2014-12-18 15:47:27 | 显示全部楼层
你这是要做一个自适应的三列导航???
回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-12-18 15:50:57 | 显示全部楼层
不是很明白你说的三列导航,我就是想实现一个两端可以自适应屏幕的导航,中间导航内容固定在中间位置,但是和两边是有一定距离的
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2020-11-24 03:47 , Processed in 0.111047 second(s), 8 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

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