这两天在psd to div+css的过程中,发现IE系的浏览器有一个比较奇怪的问题,上下两个相邻的div之中存在3px的缝隙,具体的描述如下:
上面的div:里面有一张图片
下面的div:使用的是背景,纵轴重复
具体如图所示:
经过google之后,找到的解决办法是,找到上面的div中的图片代码所在位置,为其设定属性style="display:block",问题解决。
display:block 意思是:让对象成为块级元素(比如a,span等)。
一般的块级元素诸如段落<p>、标题<h1><h2>...、列表<uL><ol><dl> 、表格<table>、表单<form>、DIV<div>和BODY<body>等元素。而内联元素则如: 表单元素<input>、超级链接<a>、图像<img>、<span> ........
块级无素的显著特点是:每个块级元素都是从一个新行开始显示,而且其后的无素也需另起一行进行显示。
《CSS权威指南》中文字显示:任何不是块级元素的可见元素都是内联元素。其表现的特性是“ 行布局”形式,这里的“行布局”的意思就是说其表现形式始终以行进行显示。比如,我们设定一个内联元素border-bottom:1px solid #000;时其表现是以每行进行重复,每一行下方都会有一条黑色的细线。如果是块级元素那么所显示的的黑线只会在块的下方出现。
举例:以下这段代码分别为内联元素img与块级元素div,仅展示其差别:
<img src="a.jpg" style="border-bottom:1px solid #000;" />
<img src="a.jpg" style="border-bottom:1px solid #000;display:block" />
<p></p>
<img src="a.jpg" style="border-bottom:1px solid #000;display:block" />
<img src="a.jpg" style="border-bottom:1px solid #000;" />
以下为上述代码的效果:
- 大小: 27.3 KB
- 大小: 5.1 KB
分享到:
相关推荐
微信小程序 备忘录 (源码)微信小程序 备忘录 (源码)微信小程序 备忘录 (源码)微信小程序 备忘录 (源码)微信小程序 备忘录 (源码)微信小程序 备忘录 (源码)微信小程序 备忘录 (源码)微信小程序 备忘录 (源码)微信小...
俩个备忘录MemoDemo MemoDemo1 MemoDemo这个项目比较完整. 使用模块化编程.数据库相关操作增删查改都在MemoSqlDataManage类 MemoDemo1,这个是初始版本.只有增加,查询全部数据库操作. 仅供参考,如有问题,留下评论.
小程序源码 备忘录 (代码+截图)小程序源码 备忘录 (代码+截图)小程序源码 备忘录 (代码+截图)小程序源码 备忘录 (代码+截图)小程序源码 备忘录 (代码+截图)小程序源码 备忘录 (代码+截图)小程序源码 备忘录 (代码+...
微信小程序源码 备忘录(学习版)微信小程序源码 备忘录(学习版)微信小程序源码 备忘录(学习版)微信小程序源码 备忘录(学习版)微信小程序源码 备忘录(学习版)微信小程序源码 备忘录(学习版)微信小程序源码 备忘录(学习...
设计和实现一个类似个人备忘录的 Android APP ,数据库采用 SQLite (也可以直接访问 Web 端 MySQL 数据库、或提供 Web 接口访问 MySQL 数据库)。 1.用户注册和登录(这类 APP 一般面对个人,用户不需要分类别); ...
微信小程序备忘录,备忘录备忘录备忘录备忘录备忘录备忘录备忘录备忘录备忘录备忘录备忘录备忘录备忘录备忘录备忘录备忘录备忘录备忘录备忘录备忘录备忘录备忘录备忘录备忘录备忘录备忘录备忘录备忘录备忘录备忘录...
用android写的一个备忘录
微信小程序 小工具类 备忘录 (源代码+截图)微信小程序 小工具类 备忘录 (源代码+截图)微信小程序 小工具类 备忘录 (源代码+截图)微信小程序 小工具类 备忘录 (源代码+截图)微信小程序 小工具类 备忘录 (源...
包括了备忘录程序的基本功能,添加备忘信息,时间到了会自动提醒
毕业设计基于JavaWeb实现的一个备忘录系统项目源码。难度适中,新手自己可操作 备忘录 介绍 后端部分基于Servlet、Jdbc实现. 前端部分基于Layui、jqury实现。 一个简单的前后端分离Demo,前后端交互JSON数据格式 ...
备忘录模式的示例代码和文档,学习备忘录模式的参考资料。
用java实现备忘时钟,适合初学者,用java实现备忘时钟,适合初学者,
定时提醒、备忘提醒、支持邮件短信提醒、免费的支持云功能
项目工程备忘录
a) 建立备忘录的类,其中包含基础信息和标识符两个部分: 5 b) 界面设计,界面分为编辑和查看两个部分 5 c) 界面初始化 6 d) 读写操作 6 e) “添加”按钮响应事件 6 f) “清除”按钮响应事件 6 g) “查找”按钮响应...
android备忘录app源码
基于thinkphp的一个通讯备忘录
Android 备忘录源码.rar
根据Qt的一个实例改写的 类似备忘录的功能 之前调试没问题了 不过后来不知道怎么可能又有小Bug了 感兴趣的可以看看
仿三星桌面widget备忘录,支持多个备忘录