免费注册 查看新帖 |

Chinaunix

  平台 论坛 博客 文库
› 论坛 › 程序设计 › Web开发 › [CSS]导航条居中的问题
最近访问板块 发新帖
查看: 2679 | 回复: 0
打印 上一主题 下一主题

[CSS] [CSS]导航条居中的问题 [复制链接]

cgiyan

论坛徽章:
0
跳转到指定楼层
1楼 [收藏(0)] [报告]
发表于 2016-09-06 12:19 |只看该作者 |倒序浏览
本帖最后由 cgiyan 于 2016-09-06 12:21 编辑

我设计了一个导航条，但是不能居中显示，一直是在屏幕左侧显示，不知哪位能给指点下，我的代码如下：
  1. <div class="blockcode"><blockquote><head>
  2. <style type="text/css">
  3. #menu {
  4. font:12px verdana, arial, sans-serif;
  5. }
  6. #menu, #menu li {
  7. list-style:none;
  8. padding:0;
  9. margin:0;
  10. }
  11. #menu li {
  12. float:left;
  13. }
  14. #menu li a {
  15. display:block;
  16. /* ...................
  17. width:150px;
  18. height:30px;
  19. line-height:30px;
  20. text-align:center;
  21. */
  22. padding:8px 50px;
  23. background:#3A4953;
  24. color:#fff;
  25. text-decoration:none;
  26. border-right:1px solid #000;
  27. }
  28. #menu li a:hover {
  29. background:#146C9C;
  30. color:#fff;
  31. text-decoration:none;
  32. border-right:1px solid #000;
  33. }
  34. #menu li a.last {
  35. border-right:0; /* ...... */
  36. }
  37. </style>
  38. </head>
  39. <body>
  40.     <h1 align=center>Java_OS_Test_Report_99999_20160906</h1>
  41.     <div id="center-nav-demo">
  42.         <ul id="menu">
  43.             <li><a href="#">Java API</a></li>
  44.             <li><a href="#">Weblogic</a></li>
  45.             <li><a href="#">OHS</a></li>
  46.             <li><a href="#">OID</a></li>
  47.             <li><a href="#">OBIEE</a></li>
  48.         </ul>
  49.     </div>
  50. </body>
复制代码
返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

  

北京盛拓优讯信息技术有限公司. 版权所有 京ICP备16024965号-6 北京市公安局海淀分局网监中心备案编号：11010802020122 niuxiaotong@pcpop.com 17352615567
未成年举报专区
中国互联网协会会员  联系我们：huangweiwei@itpub.net
感谢所有关心和支持过ChinaUnix的朋友们 转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP