CSS教程:网页空格引起网页布局间距问题- CSS样式表

当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > CSS教程:网页空格引起网页布局间距问题

CSS样式表: 50个强大璀璨的CSS3/JS技术运用实例; table建站,XHTML建站和DIV建站的不同; 根据W3C的CSS3草案翻译的CSS3参考手册; RoundedCornr:生成圆角图片的好用的简单工具; CSS教程:彻底了解haslayout; CSS3的简单又实用的3个属性; CSS教程:-moz-inline-box和-moz-inline-stack; css3阴影属性box-shadow注意事项; css3文本阴影属性text-shadow说明; CSS3的border-radius(圆角); border边框属性在浏览器中的渲染方式; CSS属性:text-shadow，box-shadow，border-radius; 再论清除浮动的空DIV方法; YUI网页布局:自适应宽度的输入框; 学习web标准:Web标准中的特殊字符; 优化浏览器渲染：将样式表放在页面顶部; 优化浏览器渲染：指定图片尺寸; 优化浏览器渲染：避免CSS expressions; CSS3 Please:在线生成跨浏览器的CSS3代码; CSS实例教程:制作漂亮的网页表单

技术文章搜索

关键字

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-28 浏览: 40 ::

收藏到网摘: n/a

发现的“页面空格引起的间距问题”，是不同浏览器对“空格”宽度的解析不同造成的。

ie7浏览器解析的空格间距要比ie6/firefox大。

解决方法如下：

1.删掉空格

2.给需要间距的元素margin属性，示例：

.del img{margin-right:5px}