您现在的位置是：网站首页> 编程资料编程资料
Float 菜单水平居中简单方法_CSS教程_CSS_网页制作_
2023-10-31
225人已围观
简介 昨天用ucweb看到了goos发的一篇帖子：谁说Float菜单不可以水平居中，进去看了看，觉得方法有点繁琐了，用到了负边距，position:relativel; 和很少的一点hack。
我这里还有更简单的办法，先展示：
其实我外面应该再套一个div，但为了减少碳排放，舍弃。
提示：您可以先修改部分代码再运行
其中最为关键的是这一句：
为了照顾较低版本IE，这里使用了条件注释，感觉在IE7以下中，display:inline;的作用就相当于inline-block;。
根据上面代码进化而来的滑动门导航：
提示：您可以先修改部分代码再运行
其中，这两句有必要说明一下，以免被认为是多余的：
#navigation li a{overflow:hidden;} /* 隐藏掉IE5.5、6多掉的那3px，不是3px bug哈！因为height:30px;line-height:33px; 在IE5.5、6中高度就是33px了。 */
#navigation li a span{cursor:hand;}/* 照顾IE 5.5、6、7鼠标放在span上面不呈手型的bug。此外，IE5.5不支持cursor:pointer;但IE全版本都认识cursor:hand;*/
完工了，缺点就是，写那一行条件注释，对于有xhtml洁癖的人来说，就像眼里的沙子，想除掉，那就使用hack也无妨！呵呵！
在safari4，chorme，opera10，ie5.5、5、6、7,ff3中均暂未发现问题。
其实我外面应该再套一个div，但为了减少碳排放，舍弃。
提示：您可以先修改部分代码再运行
其中最为关键的是这一句：
为了照顾较低版本IE，这里使用了条件注释，感觉在IE7以下中，display:inline;的作用就相当于inline-block;。
根据上面代码进化而来的滑动门导航：
提示：您可以先修改部分代码再运行
其中，这两句有必要说明一下，以免被认为是多余的：
复制代码
代码如下:#navigation li a{overflow:hidden;} /* 隐藏掉IE5.5、6多掉的那3px，不是3px bug哈！因为height:30px;line-height:33px; 在IE5.5、6中高度就是33px了。 */
#navigation li a span{cursor:hand;}/* 照顾IE 5.5、6、7鼠标放在span上面不呈手型的bug。此外，IE5.5不支持cursor:pointer;但IE全版本都认识cursor:hand;*/
完工了，缺点就是，写那一行条件注释，对于有xhtml洁癖的人来说，就像眼里的沙子，想除掉，那就使用hack也无妨！呵呵！
在safari4，chorme，opera10，ie5.5、5、6、7,ff3中均暂未发现问题。
相关内容
- 我叫MT符文搭配攻略推荐 万金油适用各种情况_手机游戏_游戏攻略_
- 我叫MT红龙符文搭配攻略推荐 暴击攻击皆可_手机游戏_游戏攻略_
- 我叫MT蓝龙符文搭配攻略推荐 暴击强于攻击_手机游戏_游戏攻略_
- 我叫MT英雄肉球通关攻略推荐 五成大主教过法_手机游戏_游戏攻略_
- 天天酷跑4月4日八门神器刷分刷金币教程攻略推荐_手机游戏_游戏攻略_
- 天天酷跑进击版更新内容介绍说明_手机游戏_游戏攻略_
- 4月4日天天飞车烧饼辅助刷分 隐身吸金无异常_手机游戏_游戏攻略_
- 天天飞车刷分刷钻石刷金币最新教程_手机游戏_游戏攻略_
- 腾讯版雷霆战机装备怎么选择 装备强化攻略_手机游戏_游戏攻略_
- 密室逃脱2图文攻略第2-1关怎么过关_手机游戏_游戏攻略_
