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

2016-02-20 00:00 5 1 收藏

下面,图老师小编带您去了解一下CSS教程:网页空格引起网页布局间距问题,生活就是不断的发现新事物,get新技能~

【 tulaoshi.com - Web开发 】

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

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

解决方法如下:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

1.删掉空格

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

2.给需要间距的元素margin属性,示例:

.del img{margin-right:5px}

来源:http://www.tulaoshi.com/n/20160220/1631019.html

延伸阅读
标签: Web开发
不知道大家知道这个问题不,在ie6的情况。假如ul中的li被设置了浮动,而ul本身有设置padding-top.你会发现li无端端多出了根ul的padding-top一样宽的margin-top(在浮动的li元素的数目已使分行的时候出现)。 解决方法: 1.请不要设置ul的padding,可以用margin代替,实在不行只能嵌套解决。 2.给ul设置zoom:1;overflow:hidden 3.设置ul的...
标签: Web开发
上一篇 CSS教程 文章:CSS高级技巧:文字环绕图片 布局 CSS至关重要的作用, CSS的设计初衷. CSS布局和几年前table横行时的布局又不太一样, 在结构化语义化的HTML文档后面, CSS在格式化文档的渲染效果, 把结构化文档用表现化语言来描述. 简而言之, 就是CSS不需要表现性标签! CSS布局技术依赖于三个基本概念: 定位, 浮动, margin操纵. 布局...
标签: Web开发
用CSS设计布局时遇到BUG,请认真阅读以下内容,非常容易记忆的! 一、IE边框若显若无,须注意,定是高度设置已忘记; 二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中; 三、三像素文本慢移不必慌,高度设置帮你忙; 四、兼容各个浏览须注意,默认设置行高可能是杀手; 五、独立...
标签: Web开发
在本文中将使用四种常见的做法,结合CSS于结构化标记语法制作两栏布局.很快地就会发现,不用嵌套表格,间隔用的GIF也能做出分栏版面布局. 相关文章:CSS网页布局开发小技巧24则 稍后在"技巧延伸"中,将会讨论Windows版Internet Explorer 5.0盒模型的问题,以及绕过它的方法.也将分享一个以CSS达成等宽栏位的简单秘密. 要如何以CSS...
标签: Web开发
许多网页设计师都喜欢,将两个或者多个容器等高的并排放置,并在里面展示每个容器的内容,就象经典表格布局中的单元格控制几个栏目的位置,也喜欢容器的内容居中或顶部对齐显示。 但是你又不喜欢用table来实现他,那怎么办呢?实现的方法很多,有根据视觉错觉实现的,有用JS控制使高度相等的,还有采用容器溢出部分隐藏和列的负底边...

经验教程

743

收藏

38
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部