空格BUG
更新时间：2006年09月28日 00:00:00 作者：
这篇是关于display:inline;的使用的，前几天作一个布局时，用这个效果，但始终没有出来，害得我浪费了二个小时，还多长了三行代码才解决；今天突然想起这事了，总感觉不对，因为我的思路是对的，可是效果就是出不来；于由重写代码，终于发现问题了，又是那个该死的空格BUG；
下面展示给大家看一下，同样的问题别再次出现在你的身上；
大家先看一下下边的CSS代码：
<style>
body{ margin:0; padding:0; font-size:12px; text-align:center;line-height:25px;}
#info{ margin:100px auto; background:#CCCC00; }
ul,li{ margin:0; padding:0; list-style:none;}
#info li{ border-left:1px solid #6633CC; display:inline;border-right:1px solid #6633CC; padding:5px 10px; margin-left:-1px;}
</style>
以下是布局的代码：
<div id="info">
<ul>
<li>网站首页</li>
<li>情感文章</li>
<li>给我留言</li>
<li>友情链接</li>
</ul>
</div>
以下是出来的效果：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
看到了吗？IE和FIREFOX中的差别了吧！
再看下边的布局代码，我全部放在了同一行上：
<div id="info">
<ul><li>网站首页</li><li>情感文章</li><li>给我留言</li><li>友情链接</li></ul>
</div>
好了，这下看一下最后的效果吧！
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
问题解决的一个办法：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
下面展示给大家看一下，同样的问题别再次出现在你的身上；
大家先看一下下边的CSS代码：
复制代码 代码如下:
<style>
body{ margin:0; padding:0; font-size:12px; text-align:center;line-height:25px;}
#info{ margin:100px auto; background:#CCCC00; }
ul,li{ margin:0; padding:0; list-style:none;}
#info li{ border-left:1px solid #6633CC; display:inline;border-right:1px solid #6633CC; padding:5px 10px; margin-left:-1px;}
</style>
以下是布局的代码：
复制代码 代码如下:
<div id="info">
<ul>
<li>网站首页</li>
<li>情感文章</li>
<li>给我留言</li>
<li>友情链接</li>
</ul>
</div>
以下是出来的效果：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
看到了吗？IE和FIREFOX中的差别了吧！
再看下边的布局代码，我全部放在了同一行上：
复制代码 代码如下:
<div id="info">
<ul><li>网站首页</li><li>情感文章</li><li>给我留言</li><li>友情链接</li></ul>
</div>
好了，这下看一下最后的效果吧！
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
问题解决的一个办法：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
相关文章
不同于传统的PC Web或者是移动WEB，在腾讯视频客厅盒子端，接大屏显示器下，许多能流畅运行于PC端、移动端的Web动画，受限于硬件水平，在盒子端的表现的往往不尽如人意。想要在盒子端跑出高性能接近60 FPS的流畅动画，就必须要刨根问底，深挖每一处可以提升的方法。2021-05-05
这篇文章主要介绍了webpack高级配置与优化,其中包括了webpack打包多页面，webpack跨域问题等相关内容2020-02-02
IE图片下空隙问题解决方法集合...2006-09-09
CSS基础学习...2006-09-09
CSS使用技巧20则...2006-09-09
用CSS实现鼠标单击特效...2006-09-09
本文主要讲述一下CSS伪元素before和after的各种妙用，对此感兴趣的同学，可以参考下。2021-05-05
比较不错的打印效果 css...2006-08-08
CSS圆角区块容器生成器...2006-07-07
windows的listview一样,而且不能把表头从表格里面独立出来
windows的listview一样,而且不能把表头从表格里面独立出来...2006-08-08
最新评论