css控制导航栏的居中
来源:互联网 发布:项目管理网络培训 编辑:程序博客网 时间:2024/04/28 01:06
但是,使用普通的text-align:center;
不起作用,经过在网上搜索
在经典论坛得到链接,uk的cssplay网站上公布了两种使其居中的方法
其中有一个使用了非常奇怪的del标签,不知道是为什么
但是总算解决掉了一个问题仍然很高兴
width:408px; padding:0; margin:0 auto; list-style-type:none; }#menu1 li { float:left; width:100px; border:1px solid #fff; }#menu1 a { display:block; width:100px; color:#000; background:#d4d4d4; text-align:center; padding:4px 0; text-decoration:none; float:left; }#menu1 a:hover { color:#fff; background:#08c; }#menu2 { display:table; padding:0; margin:0 auto; list-style-type:none; white-space:nowrap; }#menu2 li { display:table-cell; }* html #menu2 li { float:left; }#menu2 a { width:auto; display:block; padding:4px 16px; color:#fff; background:#08c; border:1px solid #fff; text-decoration:none; }* html #menu2 a { float:left; }#menu2 a:hover { color:#000; background:#d4d4d4; }.container {clear:both; text-decoration:none;}* html .container {display:inline-block;}XHTML
<ul id="menu1"><li><a href="#nogo">Tab One</a></li><li><a href="#nogo">Tab Two</a></li><li><a href="#nogo">Tab Three</a></li><li><a href="#nogo">Tab Four</a></li></ul><del class="container"><ul id="menu2"><li><a href="#nogo">Tab One</a></li><li><a href="#nogo">Tab Two: Longer</a></li><li><a href="#nogo">Tab Three: Longest</a></li><li><a href="#nogo">Tab Four</a></li></ul></del><script type="text/javascript"><!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
- css控制导航栏的居中
- css控制导航栏的居中
- CSS 设置导航栏文字的垂直居中和水平居中
- css样式---导航栏文字垂直居中
- CSS控制文本垂直居中的技巧
- css居中控制 水平居中 垂直居中
- css样式控制居中
- css控制居中
- css控制居中
- android 控制导航栏内容占据父布局的比例且位置水平居中
- CSS导航菜单水平居中的多种方法
- iOS 导航栏TitleView居中的问题
- 导航栏标题不居中的解决办法
- css如何控制页面居中
- CSS控制图片垂直居中
- 通过CSS控制垂直居中
- css样式控制元素居中
- css控制层绝对垂直居中的正规代码
- 通过Delphi 实现图象的缩放
- DIV浮动IE文本出现3px间距的bug
- 清除DIV浮动-使用:after
- 有孔就入 SQL Injection的深入探讨
- 改变标题字体,菜单字体
- css控制导航栏的居中
- MYSQL用户root密码为弱口令的攻击
- Delphi 6.0中属性编辑器的解决方案
- 常用CSS样式
- MySQL数据库的漏洞相当于其它数据库1/4
- 《Mastering Delphi6》学习笔记之三
- 如何走向高阶---css的学习心得
- MSSQL db_owner角色注入直接获得系统权限
- css学习的一些心得