开启左侧

[CSS] li设置display:inline-block;出现缝隙?求解

[复制链接]
发表于 2012-4-13 17:29:05 | 显示全部楼层 |阅读模式
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>无标题文档</title>
  6. <style type="text/css">
  7. * { padding:0; margin:0}
  8. ul,li { list-style:none}
  9. ul { text-align:center}
  10. li { display:inline-block; height:50px; width:80px; text-align:center; line-height:50px;*display:inline; *zoom:1}
  11. li a {color:#FFF; display:block; height:100%; width:100%;background-color:#000; }
  12. li a:hover { background-color:#333}
  13. </style>
  14. </head>
  15. <body>
  16. <ul>
  17. <li><a href="#">1</a></li>
  18. <li><a href="#">2</a></li>
  19. <li><a href="#">3</a></li>
  20. <li><a href="#">4</a></li>
  21. <li><a href="#">5</a></li>
  22. </ul>
  23. </body>
  24. </html>
  25. 复制代码
复制代码
平度网:www.pingdu.co 平度论坛:bbs.pingdu.co
发表于 2012-4-13 17:29:09 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
平度网:www.pingdu.co 平度论坛:bbs.pingdu.co
发表于 2012-4-13 17:29:12 | 显示全部楼层
话说这楼主的和沙发的代码我看了半天也没看出来那里不一样

怎么出来的效果就不一样
平度网:www.pingdu.co 平度论坛:bbs.pingdu.co
发表于 2012-4-13 17:29:14 | 显示全部楼层
靠 这算bug么 怎么li换行和li不换行出来的效果差这么多................

平时怎么没碰到过呢
平度网:www.pingdu.co 平度论坛:bbs.pingdu.co
您需要登录后才可以回帖 登录 | 会员注册

本版积分规则

 
QQ在线咨询
售前咨询热线
0532-88371356
售后服务微信
pingduwangzhan
快速回复 返回顶部 返回列表