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

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

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

【 tulaoshi.com - Web开发 】

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

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

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

解决方法如下:

1.删掉空格

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

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

.del img{margin-right:5px}

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

延伸阅读
标签: Web开发
在本文中将使用四种常见的做法,结合CSS于结构化标记语法制作两栏布局.很快地就会发现,不用嵌套表格,间隔用的GIF也能做出分栏版面布局. 相关文章:CSS网页布局开发小技巧24则 稍后在"技巧延伸"中,将会讨论Windows版Internet Explorer 5.0盒模型的问题,以及绕过它的方法.也将分享一个以CSS达成等宽栏位的简单秘密. 要如何以CSS...
标签: Web开发
上一篇 CSS教程 文章:CSS高级技巧:文字环绕图片 布局 CSS至关重要的作用, CSS的设计初衷. CSS布局和几年前table横行时的布局又不太一样, 在结构化语义化的HTML文档后面, CSS在格式化文档的渲染效果, 把结构化文档用表现化语言来描述. 简而言之, 就是CSS不需要表现性标签! CSS布局技术依赖于三个基本概念: 定位, 浮动, margin操纵. 布局...
标签: Web开发
相关文章: 用CSS建设网站的实例 原文博客:veerle 翻译整理:西米CC 来自国外博客veerle的一个系列教程,分八个部分讲解一张完整CSS页面的构建过程。虽然它不是每个步骤都解释得非常详细,但是其中提及的很多技巧和经验都很值得初学者借鉴,从界面设计到页面构建,强调了很多细节的设计理念。在翻译的过程中,个人觉得本教程比较薄弱的...
标签: Web开发
一、少用偏门。 类似break-word断行,z-index手动分层,还有像垂直对齐等等这些偏门CSS最好少用,因为不一定所有浏览器都支持,而且极难通过W3C检测。  二、center不是float的值。 很多新手都会把center误认为是float的值,而偏偏不是如此。center只是text-align的值。  三、对齐不能包括两个值。 ...
标签: Web开发
CSS网页布局中往往会出现很多IE与FF不兼容问题,下面整理了一些常见的可能及其解决的办法! 1、用!important解决IE和Mozilla的布局差别 !important是CSS1就定义的语法,作用是提高指定样式规则的应用优先权,最重要的一点是:IE一直都不支持这个语法,而其他的浏览器都支持。因此我们就可以利用这一点来分别给IE和其他浏览器不...

经验教程

563

收藏

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