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

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

CSS样式表: CSS教程:制作网页中常用的5个CSS属性; 网页制作理论:精确还原设计稿; CSS教程:Firefox浏览器下margin-top问题; CSS教程:li标记在IE下产生间距; CSS实例教程:CSS制作虚线的2种方法; CSS教程:网页中英文字体的设置; 根据IE版本不同调用不同CSS样式文件; CSS网页布局:tbody标签与thead和tfoot标签; 网页制作技巧:CSS网页布局中文排版心得; 网页制作CSS教程:自适应圆角; Css Hack：Pixel Perfect; OOcss教程:认识OOCSS和简单应用OOCSS; 网页制作教程:面向对象的CSS应用; CSS写法:不同组合间的优先级及浏览器的支持性; CSS sprite实例教程:li:hover修改密码; 利用负边距技术制作自适应宽度布局的网页; WEBJX收集漂亮的大背景网页设计实例; 使用一张或两张图片创建大背景网站; CSS教程:CSS选择符的用法和实例; CSS实例:a:hover伪类在IE6下的问题

技术文章搜索

关键字

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

收藏到网摘: n/a

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

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

解决方法如下：

1.删掉空格

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

.del img{margin-right:5px}